Number Input
Buttons
Numeric stepper with animated +/- buttons, spring scale on press, configurable min/max/step, three sizes, and disabled state.
Loading preview...
Customize
Size:
Min0
Max100
Step1
Disabled
Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | — | Current numeric value. |
onChange | (value: number) => void | — | Callback when value changes. |
min | number | -Infinity | Minimum allowed value. |
max | number | Infinity | Maximum allowed value. |
step | number | 1 | Increment/decrement step. |
size | 'sm' | 'md' | 'lg' | 'md' | Input size. |
disabled | boolean | false | Disable the input. |
className | string | '' | Additional CSS classes. |