Number Field
A number field allows a user to enter a numeric value with stepper buttons for incrementing and decrementing.
Min, max, and step
Format options
Values are formatted with Intl.NumberFormat using the formatOptions prop.
Disabled
Component props
| Name | Type | Description |
|---|---|---|
| label | string | Label text displayed above the field |
| placeholder | string | Placeholder text |
| value | number | Controlled value |
| defaultValue | number | Default value |
| minValue | number | Minimum value |
| maxValue | number | Maximum value |
| step | number | Amount to increment or decrement |
| formatOptions | Intl.NumberFormatOptions | Number format options |
| isDisabled | boolean | Disables the field |
| isReadOnly | boolean | Prevents changing the value |
| isRequired | boolean | Marks the field as required |
| onChange | (value: number | null) => void | Called when the value changes |