Back to componentszyra-textarea
Textarea
Multi-line text input with auto-resize, size variants, and full ZyraFormField integration for labels and validation.
API
All inputs and configuration options for zyra-textarea.
| Prop | Type | Default | Description |
|---|---|---|---|
size | 'sm' | 'md' | 'lg' | 'md' | Font and spacing scale |
rows | number | 3 | Initial visible rows |
placeholder | string | '' | Placeholder text |
resize | 'none' | 'vertical' | 'auto' | 'vertical' | Resize behaviour |
maxlength | number | null | Native maxlength attribute |
readonly | boolean | false | Makes the textarea read-only |
disabled | boolean (Angular Forms) | false | Disabled state via CVA — use formControl.disable() or [disabled]="true" on template-driven ngModel |
Accessibility
Built to meet WCAG 2.0 AA. These notes cover the key ARIA, keyboard, and interaction behaviours.
- Always pair with ZyraFormField or a native <label> for accessible labelling
- Character counter in ZyraFormField is linked via aria-describedby