Textarea
Textarea components are used for collecting large amounts of textual data.
Basic
v-textarea in its simplest form is a multi-line text-field, useful for larger amounts of text.
Auto Grow
When using the auto-grow prop, textarea's will automatically increase in size when the contained text exceeds its size.
Variant
Use filled, plain, outlined, solo and underlined option of variant prop to change the look of file input.
States
Use disabled and readonly prop to change the state of textarea.
Browser autocomplete
The autocomplete prop gives you the option to enable the browser to predict user input.
Clearable
You can clear the text from a v-textarea by using the clearable prop, and customize the icon used with the clearable-icon prop.
Counter
The counter prop informs the user of a character limit for the v-textarea.
Icons
The append-icon, prepend-icon, append-inner-icon and prepend-inner-icon props help add context to v-textarea.
Rows
The rows prop allows you to define how many rows the textarea has, when combined with the row-height prop you can further customize your rows by defining their height.
No resize
v-textarea's have the option to remain the same size regardless of their content's size, using the no-resize prop.
Validation
Use rules prop to validate the textarea.
CONTENTS
Introduction
Basic
AutoGrow
Variant
States
Browser autocomplete
Clearable
Counter
Icons
Rows
No resize
Validation