Textarea

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

Utilização

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

API

v-textarea
Nome
append-icon
Padrão
undefined
Tipos
string

Components.Textarea.

Nome
append-outer-icon New in — v1.1
Padrão
undefined
Tipos
string

Components.Textarea.

Nome
auto-grow
Padrão
false
Tipos
boolean

Components.Textarea.

Nome
autofocus
Padrão
false
Tipos
boolean

Habilita focagem automática

Nome
background-color
Padrão
undefined
Tipos
string

Components.Textarea.

Nome
box
Padrão
false
Tipos
boolean

Aplica o estilo em caixa alternativo para o campo de entrada

Nome
browser-autocomplete
Padrão
undefined
Tipos
string

Components.Textarea.

Nome
clear-icon
Padrão
'$vuetify.icons.clear'
Tipos
string

Components.Textarea.

Nome
clearable
Padrão
false
Tipos
boolean

Adicionar a funcionalidade de limpar o input, ícone padrão é usa o clear do Material Icons

Nome
color
Padrão
'primary'
Tipos
string

Components.Textarea.

Nome
counter
Padrão
undefined
Tipos
boolean | number | string

Cria um contador para o tamanho da entrada. O padrão é 25 se nenhum número for especificado. Não é aplicada nenhuma validação.

Nome
dark
Padrão
false
Tipos
boolean

Components.Textarea.

Nome
disabled
Padrão
false
Tipos
boolean

Components.Textarea.

Nome
dont-fill-mask-blanks
Padrão
false
Tipos
boolean

Desativa a exibição automática de caracteres ao digitar

Nome
error
Padrão
false
Tipos
boolean

Components.Textarea.

Nome
error-count
Padrão
1
Tipos
number | string

Components.Textarea.

Nome
error-messages
Padrão
[]
Tipos
string | array

Components.Textarea.

Nome
flat
Padrão
false
Tipos
boolean

Components.Textarea.

Nome
full-width
Padrão
false
Tipos
boolean

Designa o tipo da entrada com largura total

Nome
height
Padrão
undefined
Tipos
number | string

Define a altura do componente

Nome
hide-details
Padrão
false
Tipos
boolean

Components.Textarea.

Nome
hint
Padrão
undefined
Tipos
string

Components.Textarea.

Nome
label
Padrão
undefined
Tipos
string

Components.Textarea.

Nome
light
Padrão
false
Tipos
boolean

Components.Textarea.

Nome
loading
Padrão
false
Tipos
boolean | string

Components.Textarea.

Nome
mask
Padrão
undefined
Tipos
object | string

Aplica uma máscara personalizada no input. Para mais informações, veja a tabela de máscaras abaixo

Nome
messages
Padrão
[]
Tipos
string | array

Components.Textarea.

Nome
no-resize
Padrão
false
Tipos
boolean

Components.Textarea.

Nome
outline
Padrão
false
Tipos
boolean

Components.Textarea.

Nome
persistent-hint
Padrão
false
Tipos
boolean

Components.Textarea.

Nome
placeholder
Padrão
undefined
Tipos
string

Components.Textarea.

Nome
prefix
Padrão
undefined
Tipos
string

Exibe um texto como prefixo

Nome
prepend-icon
Padrão
undefined
Tipos
string

Components.Textarea.

Nome
prepend-inner-icon New in — v1.1
Padrão
undefined
Tipos
string

Components.Textarea.

Nome
readonly
Padrão
false
Tipos
boolean

Components.Textarea.

Nome
return-masked-value
Padrão
false
Tipos
boolean

Retorna a string mascarada não modificada

Nome
reverse New in — v1.1
Padrão
false
Tipos
boolean

Components.Textarea.

Nome
row-height
Padrão
24
Tipos
number | string

Components.Textarea.

Nome
rows
Padrão
5
Tipos
number | string

Components.Textarea.

Nome
rules
Padrão
[]
Tipos
array

Components.Textarea.

Nome
single-line
Padrão
false
Tipos
boolean

Label não se move em eventos focus/dirty

Nome
solo
Padrão
false
Tipos
boolean

Components.Textarea.

Nome
solo-inverted
Padrão
false
Tipos
boolean

Components.Textarea.

Nome
success New in — v1.1
Padrão
false
Tipos
boolean

Components.Textarea.

Nome
success-messages New in — v1.1
Padrão
[]
Tipos
string | array

Components.Textarea.

Nome
suffix
Padrão
undefined
Tipos
string

Exibe um texto como sufixo

Nome
type
Padrão
'text'
Tipos
string

Seta o tipo do campo de entrada

Nome
validate-on-blur
Padrão
false
Tipos
boolean

Components.Textarea.

Nome
value
Padrão
undefined
Tipos
any

Controla visibilidade

Exemplos

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
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