Textarea

PropDescriptionAccepted ValuesDefault
modelValueA variable for you to hook into using v-model-undefined
labelThe textarea's label-undefined
placeholderThe textarea's placeholder-undefined
nameThe textarea's HTML name (useful for forms)-undefined
requiredHTML's required attributetrue or falsefalse
disabledHTML's disabled attributetrue or falsefalse
resizeTextarea's resize attributedefault, vertical, horizontal or nonefalse
EventDescriptionParameters
update:modelValueTriggered on native input eventnewValue: Text on textarea

Textarea

<p>State: {{ text }}</p>
<Textarea label="Textarea" v-model="text" />

Default

Example with label -

Example text

Example with placeholder -

Example without label -

Example with required -

I am required

Resize Vertical

Resize vertical

Resize Horizontal

Resize horizontal

Resize None

Resize none

Autogrow

Autogrow

Autogrow no label

Disabled

Oh :(

Disabled with a label

Oh :(