Forms
Quantity toggle
A numeric stepper for small counted quantities such as claim line items or dependant counts. Arrow keys step, and values clamp to min and max.
Purpose
Use it for small whole numbers a person adjusts a step at a time. For a wide range where the rough magnitude matters more than the exact figure, use Slider.
Example
Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | undefined | — | Controlled value. |
defaultValue | number | undefined | min | Uncontrolled initial value. |
onValueChange | ((value: number) => void) | undefined | — | — |
min | number | undefined | 0 | — |
max | number | undefined | 99 | — |
step | number | undefined | 1 | — |
disabled | boolean | undefined | — | — |
label | string | undefined | "Quantity" | Accessible name for the control group. |