Textarea
Multi-line text input with label, hint, and error states. Useful for collecting longer-form text such as reports, descriptions, or notes.
Basic
Preview
Error State
Preview
Report is required
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | - | Label text displayed above the textarea. |
| placeholder | string | - | Placeholder text shown when the textarea is empty. |
| error | string | - | Error message displayed below the textarea. |
| hint | string | - | Hint text displayed below the textarea. |
| disabled | boolean | false | Whether the textarea is disabled. |
| className | string | - | Additional CSS classes. |
Accessibility
- Renders a native
<textarea>element with an associated<label> - Label is linked to the textarea via
htmlForfor screen reader support - Error messages are announced to assistive technology via
aria-describedby - Supports
disabledstate which prevents interaction and conveys the state to assistive technology