Skip to content

NumberInput

Numeric input with native spinners, decimal keyboard on mobile, and min/max/step validation.

Example

1 to 99 seats.

<NumberInput id="seats" label="Seats" min="1" max="99" step="1" value="5" />

Sizes

<NumberInput id="seats-sm" label="Small" size="sm" />
<NumberInput id="seats-lg" label="Large" size="lg" />

Props

PropTypeDefaultDescription
min / max / stepnumber-Native range constraints.
valuestring-Initial value.
Plus the full TextField API.

Accessibility