Textarea

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

Usage

A multi-line text-field is useful for larger amounts of text.

API

props
slots
events
v-textarea
Name
append-icon
Default
undefined
Type
string

Components.Textarea.

Name
append-outer-icon New in — v1.1
Default
undefined
Type
string

Components.Textarea.

Name
auto-grow
Default
false
Type
boolean

Components.Textarea.

Name
autofocus
Default
false
Type
boolean

Components.Textarea.

Name
background-color
Default
undefined
Type
string

Components.Textarea.

Name
box
Default
false
Type
boolean

Components.Textarea.

Name
browser-autocomplete
Default
undefined
Type
string

Components.Textarea.

Name
clear-icon
Default
'$vuetify.icons.clear'
Type
string

Components.Textarea.

Name
clearable
Default
false
Type
boolean

Components.Textarea.

Name
color
Default
'primary'
Type
string

コンポーネントに色を設定します。この色は、定義されている色の名前（例えばsuccessやpurple）や、CSSの色指定（#033やrgba(255, 0, 0, 0.5)）を設定できます。

Name
counter
Default
undefined
Type
boolean | number | string

Components.Textarea.

Name
dark
Default
false
Type
boolean

ダークテーマを適用します。

Name
disabled
Default
false
Type
boolean

Components.Textarea.

Name
dont-fill-mask-blanks
Default
false
Type
boolean

Components.Textarea.

Name
error
Default
false
Type
boolean

Components.Textarea.

Name
error-count
Default
1
Type
number | string

Components.Textarea.

Name
error-messages
Default
[]
Type
string | array

Components.Textarea.

Name
flat
Default
false
Type
boolean

Components.Textarea.

Name
full-width
Default
false
Type
boolean

Components.Textarea.

Name
height
Default
undefined
Type
number | string

Components.Textarea.

Name
hide-details
Default
false
Type
boolean

Components.Textarea.

Name
hint
Default
undefined
Type
string

Components.Textarea.

Name
label
Default
undefined
Type
string

Components.Textarea.

Name
light
Default
false
Type
boolean

ライトテーマを適用します。

Name
loading
Default
false
Type
boolean | string

Components.Textarea.

Name
mask
Default
undefined
Type
object | string

Components.Textarea.

Name
messages
Default
[]
Type
string | array

Components.Textarea.

Name
no-resize
Default
false
Type
boolean

Components.Textarea.

Name
outline
Default
false
Type
boolean

Components.Textarea.

Name
persistent-hint
Default
false
Type
boolean

Components.Textarea.

Name
placeholder
Default
undefined
Type
string

Components.Textarea.

Name
prefix
Default
undefined
Type
string

Components.Textarea.

Name
prepend-icon
Default
undefined
Type
string

Components.Textarea.

Name
prepend-inner-icon New in — v1.1
Default
undefined
Type
string

Components.Textarea.

Name
readonly
Default
false
Type
boolean

Components.Textarea.

Name
return-masked-value
Default
false
Type
boolean

Components.Textarea.

Name
reverse New in — v1.1
Default
false
Type
boolean

Components.Textarea.

Name
row-height
Default
24
Type
number | string

Components.Textarea.

Name
rows
Default
5
Type
number | string

Components.Textarea.

Name
rules
Default
[]
Type
array

Components.Textarea.

Name
single-line
Default
false
Type
boolean

Components.Textarea.

Name
solo
Default
false
Type
boolean

Components.Textarea.

Name
solo-inverted
Default
false
Type
boolean

Components.Textarea.

Name
success New in — v1.1
Default
false
Type
boolean

Components.Textarea.

Name
success-messages New in — v1.1
Default
[]
Type
string | array

Components.Textarea.

Name
suffix
Default
undefined
Type
string

Components.Textarea.

Name
type
Default
'text'
Type
string

Components.Textarea.

Name
validate-on-blur
Default
false
Type
boolean

Components.Textarea.

Name
value
Default
undefined
Type
any

Components.Textarea.

Examples

Auto grow

Textarea can automatically resize when entered text exceeds its size.

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
 — Contribution Guide
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore