Textarea components are used for collecting large amounts of textual data.
v-textarea in its simplest form is a multi-line text-field, useful for larger amounts of text.
Select your desired component from below and see the available props, slots, events and functions.
Below is a collection of simple to complex examples.
prepend-icon props help add context to
When using the
auto-grow prop, textarea's will automatically increase in size when the contained text exceeds its size.
color props give you more control over styling
autocomplete prop gives you the option to enable the browser to predict user input.
You can clear the text from a
v-textarea by using the
clearable prop, and customize the icon used with the
counter prop informs the user of a character limit for the
v-textarea's have the option to remain the same size regardless of their content's size, using 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.
Utilizing alternative input styles, you can create amazing interfaces that are easy to build and easy to use.
Ready for more? Continue reading with: