When to use
Use a text area when you want users to input longer, multi-line text, such as comments, descriptions, or messages.
Anatomy
- Label
- Placeholder + typed text input
- Call out
- Field
- Icon (Expand)
- Word limit
Variations
- Top label (Recommended for forms as it can help improve accessibility.)
- Left label
- Text area with word limits
States
- Enabled
- Hover
- Focused
- Read only (white)
- Read only (grey)
- Error
- Error focused
- Disabled