Textarea
Multi-line text input for longer form content, descriptions, and notes.
Max 500 characters
Variants
Textarea uses the same validation states as Input. Size picks the minimum height only — users can still drag to resize.
| Variant | Purpose |
|---|---|
| Default | Resting state for any multi-line field. Use for notes, descriptions, and free-form comments. |
| Error | Validation has failed. Always include an error message that explains how to correct the value. |
| Success | Explicit confirmation of a valid value. Reserve for contexts where success adds value. |
Design tokens
| Token | Value | Description |
|---|---|---|
input/background/default | #ffffff | Default background |
input/background/disabled | #f5f5f5 | Disabled background |
input/border/default | #aeaeae | Default border |
input/border/focus | #318272 | Focus border |
input/border/error | #bc1700 | Error border |
input/text/value | #3b3b3d | Entered value |
input/text/placeholder | #8f8f8f | Placeholder text |
radius/sm | 4px | Corner radius |