INPUTS / COMPONENTS
Text area
Give longer answers room to breathe.
About text area
Text Area allows users to input and edit multiple lines of text, providing a larger space for longer messages or paragraphs. It's helpful in forms, messaging apps, and comment sections where users need to provide more extensive responses than single-line input fields allow.
Anatomy
Shared parts, named consistently.
- 1Text Area inputRequired
The input for the Text Area.
- 2LabelRequired
The label for the Text Area.
- 3Asterisk
An asterisk is used to signify the field is required.
- 4Placeholder
Placeholder text.
- 5Helper message
A string below the input to provide additional context about the Text Area. When in an error state, the helper message will turn red.
- 6Character count
A counter to display the current value and max value.
Try the default
A working example with the shared V1 visual language.
When to use
Use for paragraphs, descriptions, and feedback. Let the field grow vertically and explain any character limit.
Native multiline editing and selection. Tab leaves the field; Enter adds a new line.