NumberInput
Forms

NumberInput.

A bounded numeric spinner with increment and decrement actions.

Real interactive component
Live demo
Quantity: 5

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

8 props
ParameterTypeRequiredDefaultPossible valuesDescription
valuenumberYes——Current controlled number.
onValueChange(value: number) => voidNo——Called when value changes.
minnumberNo-Infinity—Smallest allowed value.
maxnumberNoInfinity—Largest allowed value.
stepnumberNo1—Increment/decrement size.
labelstringNoNumber—Accessible control name.
disabledbooleanNofalsetrue · falseDisable editing and step buttons.
classNamestringNo——Additional CSS class on the outer component element.