background

Kendo UI for Angular

Angular TextBox

  • Add a text box to your Angular forms with built-in theming, floating labels and more interactive features.
  • Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
The TextBox component being used as a primary form part
  • Configurable Text Input Field

    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

All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka