Status
PublishedElement can be used in production | |
PublishedElement can be used in production | |
PublishedElement can be used in production | |
React | In backlogElement is in backlog |
Documentation | PublishedElement can be used in production |
The text area component is a field for plain-text input, often used in forms.
PublishedElement can be used in production | |
PublishedElement can be used in production | |
PublishedElement can be used in production | |
React | In backlogElement is in backlog |
Documentation | PublishedElement can be used in production |
The text area component now contains an optional live character counter, helper text, and accessible behaviors, including an error state. Labels, font, and container borders have also been updated to reflect the design system’s new foundations.
The text area and text input components have different use cases. Consider character length and the type of input when choosing which to use.
Component | Use cases |
---|---|
Text area | If text exceeds more than one line, use the text area component. The larger field size encourages longer responses. It’s typically used for comments or questions in forms. |
Text input | For single-line, short entries, use the text input component. It’s commonly used for name, phone number, or email entries in forms. |
The text area component contains six main elements, including options to display a character counter, placeholder text inside the input, helper text, and an error state.