Textarea
Multi-line text input with size, variant, resize, and error states.
Usage
21 characters
API Reference
| Input | Type | Default |
|---|---|---|
| id | string | '' |
| name | string | '' |
| placeholder | string | '' |
| variant | TextareaVariants['variant'] | 'default' |
| size | TextareaVariants['size'] | 'md' |
| state | TextareaVariants['state'] | 'default' |
| resize | 'none' | 'vertical' | 'horizontal' | 'both' | 'vertical' |
| rows | number | 3 |
| disabled | boolean | false |
| readonly | boolean | false |
| required | boolean | false |
| value | string | '' |
| Output | Type |
|---|---|
| valueChange | string |
CVA variants
| Prop | Options | Default |
|---|---|---|
| variant | default | filled | ghost | default |
| size | sm | md | lg | md |
| state | default | error | default |
Component Source
Install via CLI:
npx @voltui/cli add textareaTypeScript
Loading editor…
Copy this code to your project. The component uses ng-primitives/textarea.