Theme:
Ui3nText
Textarea component for multi-line text input with validation support.
Props
| Name | Type | Default | Description |
|---|---|---|---|
id | string | undefined | — | Root element id |
name | string | undefined | — | HTML name attribute for form submission |
modelValue* | string | — | Text value |
rows | number | undefined | 6 | Number of rows |
maxRows | number | undefined | 6 | Maximum number of rows |
label | string | undefined | "" | Text label |
placeholder | string | undefined | "" | Text placeholder |
rules | ((v: string) => string | boolean)[] | undefined | — | Validation rules |
validateAtStartup | boolean | undefined | false | Whether to validate at startup |
disabled | boolean | undefined | false | Whether text is disabled |
Events
| Event Name | Arguments / Value Type | Description |
|---|---|---|
update:modelValue | value: string | — |
enter | value: { value: string; altKey: boolean; ctrlKey: boolean; shiftKey: boolean; metaKey: boolean; } | — |
init | value: HTMLTextAreaElement | — |
focus | value: Event | — |
blur | value: Event | — |
change | value: string | — |
input | value: string | — |
keydown | value: KeyboardEvent | — |
escape | value: Event | — |
update:valid | value: boolean | — |
Public Methods & Exposes
| Method Name | Signature / Type | Description |
|---|---|---|
clear() | () => void | — |
Usage Examples
Simple text area
Simple text area
Basic textarea with v-model
Text area with label
Text area with label
Textarea with label and placeholder
Text area with validation
Text area with validation
Textarea with validation rules