Textarea components are used for collecting large amounts of textual data.

Usage

v-textarea in it's simplest form is a multi-line text-field, useful for larger amounts of text.

API

Examples

Icons

The append-icon and prepend-icon props help add context to v-textarea.

Auto grow

When using the auto-grow prop, textarea's will automatically increase in size when the contained text exceeds it's size.

Background color

The background-color and color props give you more control over styling v-textarea's.

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.

No resize

v-textarea's have the option to remain the same size regardless of their content's size, using the no-resize prop.

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.

Beautiful Forms

Utilizing alternative input styles, you can create amazing interfaces that are easy to build and easy to use.

Edit this page | language on Github
Vuetify
StoreFor Enterprise