| ariaDecrementLabel | Decrease | string |
Sets the accessible label (aria-label) of the button that decreases the value. |
| ariaIncrementLabel | Increase | string |
Sets the accessible label (aria-label) of the button that increases the value. |
| className | - | string |
Adds a custom class name to the React Number Input. |
| decrementIcon | - | ReactNode |
The artwork of the button that decreases the value. Defaults to a minus drawn on currentColor. |
| feedback4.2.0+ | - | ReactNode |
Feedback for the current validationState — rendered only while the state is set, and styled after it. For the client-side mode, where the browser owns the state, use feedbackValid and feedbackInvalid instead. |
| feedbackInvalid4.2.0+ | - | ReactNode |
Feedback the stylesheet reveals while the control is invalid — always rendered, so it works with client-side validation, where the browser decides the state. |
| feedbackValid4.2.0+ | - | ReactNode |
Feedback the stylesheet reveals while the control is valid — always rendered, so it works with client-side validation, where the browser decides the state. |
| floatingClassName4.5.0+ | - | string |
A string of all className you want applied to the floating label wrapper. |
| floatingLabel4.2.0+ | - | ReactNode |
Provide a floating label for the component — the text rests inside the field and floats once it has focus or a value. |
| floatingLabelAlways6.0.0+ | - | boolean |
Keeps the floating label floated and the placeholder visible while the field is empty. |
| incrementIcon | - | ReactNode |
The artwork of the button that increases the value. Defaults to a plus drawn on currentColor. |
| label4.2.0+ | - | ReactNode |
Add a caption for a component. |
| onValidationStateChange6.0.0+ | - | ((validationState: ValidationState | undefined) => void) |
Callback fired with undefined when the user changes the value, or the form is reset, while validationState is set. A given state is a verdict on the value it was given for; clear it here to let the browser's own validation show again. |
| repeat | true | boolean |
Repeats the step while a button is held. Set to false to require a click per step. |
| size | - | 'sm', 'lg' |
Sizes the control, the way .form-control-sm and .form-control-lg size a form control. |
| text4.2.0+ | - | ReactNode |
Add helper text to the component. |
| tooltipFeedback4.2.0+ | - | boolean |
Display validation feedback in a styled tooltip. |
| validationState6.0.0+ | - | 'valid', 'invalid', string |
The validation state, rendered as the is-{state} class; 'invalid' also sets aria-invalid and blocks the submit. Any custom state declared in the $form-validation-states Sass map is accepted. The user's next change of the value asks to drop it through onValidationStateChange. |