Text Areas
Text areas are input fields that allow users to enter multiple lines of text. Use them to collect detailed information like comments, descriptions, or messages.
Overview
Text areas should be used with input group containers. For text entries shorter than a single line, use an input instead.
Text areas come in two sizes: small and medium, with medium as the default. The ['medium'] size has a tablet/mobile breakpoint of 1024 px. On tablet and mobile screens, it will shrink to better fit the limited content area, while still retaining a large touch target area.
Design and Layout
Style Variations
Text areas have different colors, effects, and line weights based on their state. These variations enhance usability by providing visual feedback to users.
| STATE | EXAMPLE |
|---|---|
| Default |  |
| Focus |  |
| Error |  |
| Disabled |  |
Installation
Props
No records available |
Events
No records available |