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.