The Kendo UI for Angular Numeric Text Box component is a form component dedicated exclusively to handling numeric values. Information can be inserted using the keyboard or manipulated using the UI spin buttons.
Set the Kendo UI for Angular NumericTextBox to read-only mode when you want to display information that users can see but cannot edit.
The Kendo UI for Angular NumericTextBox can be configured to increase or decrease its numerical value by any predefined step. By default, the steps are increased by one, but with the predefined steps option, the number in the Angular NumericTextBox can be changed in increments of five, 10, or any other custom value.
The Kendo UI for Angular NumericTextBox features a set of spin buttons on the side of the input field, which allow users to input numbers by clicking the up and down arrows. The spin buttons can be enabled or disabled through a single configuration option.
Numeric values come in various formats, such as decimals, percentages, currency and more. The Kendo UI for Angular NumericTextBox can be passed a format string to ensure that the component displays numeric values in the proper format.
The Kendo UI for Angular NumericTextBox can be added to any existing Angular form thanks to its support for Template-driven and Reactive forms.
With a single configuration option, you can toggle between enabling and disabling the Kendo UI for Angular NumericTextBox. Disable the Angular NumericTextBox when you want to prevent users from interacting with the component.
See Angular NumericTextBox Disabled demo.
Thanks to the built-in keyboard navigation, the Kendo UI for Angular NumericTextBox allows user to change the component value solely with the keyboard arrow keys.
The Kendo UI for Angular NumericTextBox is fully accessible, complies with Section 508 and WAI-ARIA standards and has AAA WCAG 2.0 rating.