Kendo UI for Angular

TextBox

  • Add a text box to your Angular forms that automatically applies your preferred styles. Enjoy floating labels and more interactive features.
  • Part of the Kendo UI for Angular library along with more than 100 professionally-designed components developers trust for all their Angular UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms and a 3-million-strong developer community.

Angular UI Component Library
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Kendo UI for Angular TextBox component takes existing Kendo UI styles on your page and applies them to the default HTML input element. This ensures that every building block of your Angular applications follows a consistent look and feel.

    See Angular TextBox Overview demo.

    Kendo UI for Angular TextBox - Overview
  • Forms Support

    The Kendo UI for Angular TextBox supports both template-driven and Reactive forms.

    See Angular TextBox Forms Support demo.

    Kendo UI for Angular TextBox - Forms Support
  • Floating Labels

    Popularized by Material Design, the floating label is now integrated into many modern design languages. The combination of Kendo UI for Angular FloatingLabel and TextBox allows any input element in your application to take advantage of floating labels.

    Kendo UI for Angular TextBox - Floating Labels
  • Adornments

    Adornments are used to add functionality or style to an Angular TextBox. You can add custom adornments as a prefix or suffix to the text area in the component or use those included with Kendo UI for Angular TextBox. These include a clear button that appears as user types or and a separator to help with layout of multiple adornments.

    See the Angular TextBox adornments demo.

    Angular TextBox - Adornments
  • Validation Icons

    Kendo UI for Angular includes built-in icons for success and error results but you can also use your own custom icons.

    See the Angular TextBox validation icons demo.

    Angular TextBox - Validation Icons
  • Character Counter

    In cases where you need limit the character count of a particular field, it is good UX to show the character count. Kendo UI for Angular includes a character counter built-in.

    See the Angular TextBox character counter demo.

    Angular TextBox - Character Counter
  • Accessibility

    The Kendo UI for Angular TextBox is WAI-ARIA compliant through the Tab key and is tested against screen readers. It is also Section 508 compliant.

    See the Angular TextBox accessibility demo.

    Accessibility
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI