Textarea KIT

Examples API Setup

See also

Textfield, InputChip

Textarea uses Textfield to create a multi-line string input.

Basic

Component would grow from minimal amount of rows until given maximum number of rows, after which scroll will be introduced.

Large with label inside

Medium with label inside

Large with label outside Medium with label outside Small with label outside

Limit

You can pass limit to enable counter and extra characters highlight. This would also add validator. If you want to hard limit the field you can use native `maxLength` attribute.

0 / 100

Limit

Custom highlight

It is possible to override default behavior to introduce your own highlight or other cosmetics.

Custom highlight

Icons

Being built on top of Textfield , Textarea supports most of the same configurations, such as icons on both sides.

Your best thought