Skip to main content

Textarea

The Textarea component represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text.

Usage​

Use a Textarea if you want to allow the user to write over multiple lines. Otherwise use a TextField.

Anatomy​

A. Label​

The text label associated with the Textarea.

B. Optional label​

Indicates if the input is optional. The optionalLabel also removes the required attribute from the input.

C. Field​

The container in which a user's selected data is shown.

D. Action​

Mostly a link that can refer more information on the subject.

E. Value​

The content the user has entered into the field.

F. Message​

Give additional information to the user.

G. Resizer​

The user is able to resize the Textarea vertically.

Required vs optional​

Rather than using an asterisk (*) to indicate required form inputs, Chameleon treats all form elements as required by default and displays an optionalLabel for fields that are optional.