textarea
Textarea
An underlined field for longer free text, such as a gift message, that grows with its content; joins a Field around it.
States: Default, Focus, Disabled, Invalid
Parts
| Part | File | Does |
|---|---|---|
| Textarea | Textarea.vue | Lets the user write longer text over several lines, such as a note or review. |
Styling
| Part | Recipe |
|---|---|
| Textarea | textarea |
Install
Writes 2 files into components/ui/textarea/. For agents, npx @frontic/ui docs textarea prints this reference as markdown; the MCP server serves the same.
- npm packages
- @vueuse/core
- reka-ui
API reference
Textarea Textarea.vue
Lets the user write longer text over several lines, such as a note or review. Renders a <textarea>.
| Prop | Type | Default | |
|---|---|---|---|
| class | ClassValue | — | |
| defaultValue | string | number | — | |
| modelValue | string | number | — | |
| Event | Payload | |
|---|---|---|
| update:modelValue | payload: string | number | |
| Recipe textarea | Sets | |
|---|---|---|
| base: textarea | 14 properties · 9 inherited | |
| disabledshared state | 1 property | |
Example