<template>
<w-textarea
label="Message"
resize="vertical"
value="Hello, Hope everything goes well. I invite you to leave your opinion on how your last visit went with me.
You can do it easily in my Doctoralia profile."
/>
</template>
Props
|
Name |
Description |
Type |
Default |
Values |
|---|---|---|---|---|
|
aria-multiline |
Informs assistive technologies that the textarea supports multi-line content, expecting that enter or return will create a line break rather than submit the form. |
boolean |
true |
true, false |
|
aria-label |
Identifies the field when a visual label is not present (e.g. a chat field) |
string |
null |
|
|
error |
Optional error message to be shown under the textarea field. |
string|boolean |
|
false, true, "" |
|
hint |
Optional text about the expected input. |
string |
|
|
|
label |
The label for the textarea |
string |
null |
|
|
v-model model-value v2, wc value v1 |
The value of the textarea |
string |
|
|
|
placeholder |
Placeholder text to display within the field |
string |
|
|
|
readonly |
Set the textarea to a readonly state. The input remains focusable and will be submitted in forms, but cannot be edited. |
boolean |
|
false, true |
|
resize |
Controls if the textarea field is resizable by the user and how |
string |
vertical |
none, vertical |
|
rows |
Specifies the visible height of a textarea in lines |
number |
true |
|
|
required |
Determines whether the field is required or not. |
boolean |
false |
true, false |
Events
|
Name |
Description |
Type |
|---|---|---|
|
v-model update:modelValue v2, wc input v1 |
Emits typed text |
{ "names": [ "String" ] } |
Slots
|
Name |
Description |
|---|---|
|
hint |
Use it to provide rich content for input hint. Takes precedence over hint property. |