Loading...
Loading...
> A number input component with optional stepper controls, min/max validation, and precision support.
1<InputNumber2 value={value}3 onValueChange={setValue}4 placeholder="Enter a number"5/>
1<InputNumber2 value={rangeValue}3 onValueChange={setRangeValue}4 min={0}5 max={100}6 placeholder="0-100"7/>
1<InputNumber2 value={value}3 onValueChange={setValue}4 step={5}5 placeholder="Step by 5"6/>
1<InputNumber2 value={decimalValue}3 onValueChange={setDecimalValue}4 step={0.1}5 precision={2}6 placeholder="0.00"7/>
1<InputNumber2 value={value}3 onValueChange={setValue}4 showControls={false}5 placeholder="No controls"6/>
1<InputNumber2 value={42}3 disabled4 placeholder="Disabled"5/>
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | undefined | - | The controlled value of the input |
| defaultValue | number | 0 | The default value (uncontrolled mode) |
| onValueChange | (value: number | undefined) => void | - | Callback when the value changes |
| min | number | - | Minimum allowed value |
| max | number | - | Maximum allowed value |
| step | number | 1 | Increment/decrement step size |
| precision | number | - | Number of decimal places to round to |
| showControls | boolean | true | Whether to show increment/decrement buttons |
| disabled | boolean | - | Disable the input |