Kendo UI for Angular


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

    When application inputs need to be tied to certain data types such as zip codes and phone numbers, a simple way to ensure users are typing the correct information is through a mask. With the Kendo UI for Angular MaskedTextBox, you can add an angular input mask to enforce that information provided follows a strict pattern. The Angular Masked Textbox comes with built-in mask types, as well as the ability to provide any custom mask.

    See Angular MaskedTextBox Overview demo.

  • Disabled MaskedTextBox

    The Kendo UI for Angular MaskedTextBox can be enabled or disabled with a single configuration option. When disabled, the Angular MaskedTextBox provides a unique visual style and prevents the user from interacting with the component.

    See Angular MaskedTextBox Disabled demo.

  • Read-Only MaskedTextBox

    You can set the Kendo UI for Angular MaskedTextBox to be in read-only mode, preventing the user from editing data bound to the Angular MaskedTextBox input.

    See Angular MaskedTextBox Read-Only demo.

  • Masks

    The Kendo UI for Angular MaskedTextBox comes with several predefined masks out of the box. These masks can be defined character-by-character and allow you to control what slot requires digits, letters, or special symbols and characters.

    See Angular MaskedTextBox Masks demo.

  • Forms Support

    The Kendo UI for Angular MaskedTextBox can be integrated with both Template-driven forms and Reactive forms.

    See Angular MaskedTextBox Forms Support demo.

  • Accessibility

    The Kendo UI for Angular MaskedTextBox adheres to Section 508 and WAI-ARIA standards and is AAA rated with WCAG 2.0.

    See Angular MaskedTextBox Accessibility demo.

Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI