TextArea
Editable multi-line text input field
TextArea
TextArea
Go to top
Introduction
TextArea is a multi-line text input component used for collecting larger amounts of text from users. Not to be confused with Input, which is intended for single-line text input.
Interactive demo
Try the interactive demo below to explore the TextArea component.
Interactive demo
Describe the item you sell (max 500 characters)
Usage
Yes!
Use for when you expect the user to enter a multi-line text. Provide descriptive labels and use description to give additional context if needed.
Yes!
Use character count to inform users about the length of their input, especially when there are limits.
Disabled vs read-only
- Disabled: Can't be focused, edited, resized or read by screen readers. It does not meet WCAG contrast requirements.
- Read-only: The textarea is interactive, resizable, and can be focused, but not edited. Use when you want to display information.
In general, use read-only over disabled for better accessibility.