Getting Started with KendoReact NumericTextBox
The KendoReact NumericTextBox lets the user edit and submit specific numeric values by typing or by using the spin buttons.
The KendoReact NumericTextBox component is part of the KendoReact library of React UI components. It is distributed through NPM under the kendo-react-inputs package.
Basic Usage
The following example demonstrates the NumericTextBox in action.
Functionality and Features
- Predefined steps
- Spin buttons
- Formats
- Floating labels
- Forms support
- Globalization
- Using the component ref
- Keyboard navigation
- Accessibility
Known Limitations
To keep its value, the NumericTextBox uses the Number
JavaScript object. The Number
JavaScript object persists its precision up to 16 digits, and units which are longer than that get converted to exponential numbers and lose their precision. Because the component relies on Number
, it inherits the precision limitation and because the limitation is caused by the JavaScript logic, the NumericTextBox does not provide a workaround to handle it.