Text Area

Text areas give our users space to input unformatted text. All text areas are manually expandable by dragging the bottom right corner to the desired size.

If users need to add formatted text, see Text Editor.
Demo and Developer GuidelinesFigma Component

Anatomy

Label

Labels are title case without punctuation and contain a single noun or noun phrase (labels do not contain verbs).

Character count limit: 30

Placeholder Text

The placeholder allows the user to overwrite it when they start typing.

The placeholder is “Enter” followed by the label name with no ellipses at the end. For example, if the label is “Comments” the placeholder would be “Enter comments”.
Placeholder text is sentence case without punctuation.

Character count limit: 40

Value

Once the user starts typing, the placeholder text disappears and the font changes.

Specifications

Padding

Styling

See the Text Input component for state specifications.