Kendo UI for Angular

NumericTextBox

Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    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.

    See Angular NumericTextBox Overview demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Read-Only NumericTextBox

    Set the Kendo UI for Angular NumericTextBox to read-only mode when you want to display information that users can see but cannot edit.

    See Angular NumericTextBox Read-Only demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Predefined Steps

    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.

    See Angular NumericTextBox Predefined Steps demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Spin Buttons

    The Kendo UI for Angular NumericTextBox features a set of spin buttons on the side of the input field, which allow users to manipulate the numeric value by clicking the up and down arrows. The spin buttons can be enabled or disabled through a single configuration option.

    See Angular NumericTextBox Spin Buttons demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Formats

    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.

    See Angular NumericTextBox Formats demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Forms Support

    The Kendo UI for Angular NumericTextBox can be added to any existing Angular form thanks to its support for Template-driven and Reactive forms.

    See Angular NumericTextBox Forms Support demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Disabled NumericTextBox

    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.

     

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Keyboard Navigation

    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.

    See Angular NumericTextBox Keyboard Navigation demo.

  • Accessibility

    The Kendo UI for Angular NumericTextBox is fully accessible, complies with Section 508 and WAI-ARIA standards and has AAA WCAG 2.0 rating.

    See Angular NumericTextBox Accessibility demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI