Textarea
Use the KTextarea component for multi-line text input fields.
Multi-line Text Inputs
// Basic usage
KTextarea(v-model="text" placeholder="Enter comments")
// With custom height
KTextarea(v-model="text" :rows="8")
Configure the KTextarea component using these attributes.
| Name | Type | Default | Description |
|---|
| label | string | '' | There will be a label. |
| modelValue (v-model) | string | - | Required. Binding value for the input text |
| placeholder | string | '' | Input placeholder text |
| rows | number | 4 | Number of text rows (controls the height of the textarea) |
| validation | 'success' | 'warning' | 'error' | null | null | Semantic validation state. |
| validationText | string | '' | message to display below the textarea. |
Listen to these events emitted by the KTextarea component.
| Name | Payload | Description |
|---|
| update:modelValue | string | Emitted when textarea content changes (for v-model). |
| input | Event | Native input event fired on user keystroke. |
| change | Event | Native change event fired on commit/blur. |