TextArea Overview

The TextArea enables you to style textarea elements.

Basic Usage

The TextArea provides options for:

Styling textarea Elements

The following example demonstrates the TextArea directive in action.

@Component({
    selector: 'my-app',
    template: `
        <textarea kendoTextArea></textarea>
    `
})
class AppComponent {
}

Auto-Resizing

To automatically adjust the height of a TextArea as the user types, set its autoSize property to true.
The auto-resizing functionality also works when the TextArea is bound to a component property that is dynamically updated.

@Component({
    selector: 'my-app',
    template: `
        <textarea kendoTextArea [autoSize]="true"></textarea>
    `
})
class AppComponent {}

In this article