Kendo UI for Angular TextBox Overview

The Kendo UI for Angular TextBox provides options for creating composite inputs that you can integrate within forms or use as standalone items.

The TextBox Component is part of Kendo UI for Angular, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the TextBox in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • Character counterYou can display a character counter for the TextBox to restrict the user input to a specified length.
  • Validation iconsYou can indicate a successful or erroneous operation by using the built-in validation icons of the TextBox or create custom ones.
  • AdornmentsThe TextBox enables you to display custom items as prefix or suffix adornments and supports a set of built-in adornments such as a Clear button and more.
  • Forms supportYou can use the TextBox both in template-driven and reactive Angular forms.
  • Disabled TextBoxYou can use the configuration options of the TextBox to disable the component so that users are not able to interact with it.
  • Read-Only TextboxThe TextBox provides an option for overriding its default active state.
  • TextBox directiveThe TextBox component delivers the TextBox directive which provides options for styling input elements.
  • Debouncing value changesAll Kendo UI for Angular Inputs enable you to implement a slight delay before they accept a new input value.
  • AppearanceAll Kendo UI for Angular Inputs enable you to set their dimensions.
  • GlobalizationAll Kendo UI for Angular Inputs provide globalization options.
  • AccessibilityThe TextBox is accessible for screen readers and supports WAI-ARIA attributes.

In this article

Not finding the help you need?