Textarea
Component
Live
The Textarea component allows users to enter multiple lines of text.
- Usage
- Examples
- Properties
- Accessibility
- CSS Variables
Usage
Textarea allows users to enter multiple lines of text information within an input area. Help text and placeholder text can be used to provide the user with additional context and guidance.
Installation
Install
yarn add @iag/chroma-react-ui.components
Import
import { Textarea } from "@iag/chroma-react-ui.components";
When to use
Use Textarea component when the user will need to input large amounts of text.
When to avoid
Avoid using Textarea when it is know that the users input will not exceed a single line. Instead, consider the Input component.
Do
- Do use placeholders to guide users on input expectations and format.
- Do provide help text for additional context or prompts.
- Do use informative error messages for easier correction.
Sizes
The Textarea should be resized on a case-by-case basis if needed. The default size is full width.