Textarea
A multi-line text input component that extends the base Input component with textarea-specific functionality. It supports resizing, auto-resizing, and character limits.
Props
| Name | Default | Type |
|---|---|---|
resize | vertical | boolean vertical horizontal Controls the resize behavior of the textarea |
cols | - | number Modifies the width of the textarea in character count |
rows | 5 | number Modifies the height of the textarea in row cou |
autoResize | false | boolean Automatically adjusts the height based on content |
label | — | string Label text for the textarea |
hint | — | string Helper text displayed below the textarea |
limit | — | number string Maximum number of characters allowed |
expand | false | boolean Makes the textarea expand to full width |
placeholder | — | string Placeholder text when textarea is empty |
required | false | boolean Makes the textarea required |
modelValue | '' | string Value of the textarea (for v-model) |
readonly | false | boolean Makes the textarea readonly |
focus | false | boolean Focuses the textarea when mounted |
errors | [] | string[] Array of error messages to display |
disabled | false | boolean Disables the textarea |
Events
| Name | Payload | Description |
|---|---|---|
update:modelValue | string | Emitted when the textarea value changes |
Slots
| Name | Accepts | Description |
|---|---|---|
before | any | Content to be displayed before any of the textarea content |
start | any | Content to be displayed at the start of the textarea |
end | any | Content to be displayed at the end of the textarea |
after | any | Content to be displayed after all the textarea content |
Exposes
| Name | Type | Description |
|---|---|---|
focus | method | Focuses the textarea element |