Kendo UI for Angular TextArea Overview

The Kendo UI for Angular TextArea provides highly customizable interface for displaying multi-line text.

You can integrate the component in forms or use it as a standalone item, and also customize its appearance by rendering elements such as buttons and icons.

The TextArea 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 TextArea in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • Character counterYou can display a character counter for the TextArea to restrict the user input to a specified length.
  • AdornmentsThe TextArea enables you to display custom items, such as buttons, icons, and more, as additional decorations for the component.
  • SizingYou can use the TextArea configuration options to specify its initial width and height, its directions for resizing or fixed size, and more.
  • Forms supportYou can use the TextArea both in template-driven and reactive Angular forms.
  • Disabled TextAreaYou can use the configuration options of the TextArea to disable the component so that users are not able to interact with it.
  • Read-Only TextAreaThe TextArea provides an option for overriding its default active state.
  • TextArea directiveThe TextArea component delivers the TextArea directive which provides options for styling and auto-resizing textarea 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 TextArea is accessible for screen readers and supports WAI-ARIA attributes.

In this article

Not finding the help you need?