NumberInput

Stable

Numeric input with increment and decrement controls, min/max bounds, and step configuration.

Installation

npm install @xaui/native

Import

import { NumberInput } from '@xaui/native/input'

Basic Usage

Minimal example showing the component with its default configuration.

import { NumberInput } from '@xaui/native/input'

export function Example() {
  return <NumberInput />
}

Controlled State

Controlled pattern using external React state.

import { useState } from 'react'
import { NumberInput } from '@xaui/native/input'

export function ControlledExample() {
  const [value, setValue] = useState(undefined)

  return <NumberInput value={value} onValueChange={setValue} />
}

Disabled State

Use case where the component should be non-interactive.

import { NumberInput } from '@xaui/native/input'

export function DisabledExample() {
  return <NumberInput isDisabled />
}