Number Input
Picks a whole number with minus and plus buttons, for quantities, guests or seats. Users can also type the value directly. Minus is disabled at the minimum.
Default and disabled
Minus disables at the minimum, plus at the maximum. You can also type.
<NumberInput value={guests} onChange={setGuests} min={0} max={10} label="Guests" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | — | Value. |
min / max / step | number | — | Bounds; buttons disable at the edges. |
label | string | "Quantity" | Accessible name. |
disabled | boolean | false | Disabled. |