Textarea
A multi-line text field with the same focus, disabled and error states as Input.
Examples
Basic
Show code
<Textarea label="Notes" placeholder="Add a note" rows="4" />Error
Add at least 20 characters
Show code
<Textarea label="Notes" error="Add at least 20 characters" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Visible label text. The textarea is wrapped in a label, so the association is automatic. |
error | string | — | When set, the field takes the danger tone, the textarea is marked aria-invalid, and the message shows below it. |
Any other attribute — rows, placeholder, value, maxlength — is spread onto the <textarea>.