Textarea

Textarea enables users to enter multi-line text data.


                                                        
                                                        
                                                            <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.