Text Area
Text areas give our users space to input multiple lines 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.
If users need to add formatted text, see Text Editor.
Demo and Developer GuidelinesAnatomy
Label
Labels are title case without punctuation and contain a single noun or noun phrase (labels do not contain verbs). See the Field Label Glossary for common labels and their use cases.
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.
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.
Value
Once the user starts typing, the placeholder text disappears and the font changes.
Error
Please see In-Line Error Validation on Submit.
Specifications
Padding
Styling
See the Text Input component for state specifications.
