Textarea
Multi-line text input with label, error state, helper text, and optional auto-resize.
Import
import { Textarea } from '@kikumi3n/ui';
Usage
<Textarea label="Description" placeholder="Enter description..." rows={4} />
<Textarea label="Notes" autoResize />
<Textarea label="Comment" error="Required field" />
Auto-Resize
<Textarea label="Bio" autoResize placeholder="Tell us about yourself..." />
The textarea height automatically adjusts as the user types.
API
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Label text |
error | string | — | Error message |
helperText | string | — | Helper text below input |
autoResize | boolean | false | Auto-resize height |
Also accepts all standard <textarea> HTML attributes (rows, placeholder, disabled, etc.).
Accessibility
- Label associated via
htmlFor/id - Error messages linked via
aria-describedby aria-invalidset whenerrorprop provided