characterCount

boolean

• false (default)

• true

Se true mostra de forma dinâmica o número de caracteres inputados no TextArea.

customProps

{ label?: ComponentPropsWithRef<'label'>; textArea?: ComponentPropsWithRef<'textarea'>; textAreaWrapper?: ComponentPropsWithRef<'div'>; }

Adiciona propriedades específicas para elementos filhos.

defaultValue

string

• -

Valor definido inicialmente ao campo

disabled

boolean

• false (default)

• true

Se true previne que os usuários interajam com o campo de texto.

error

boolean

• false (default)

• true

Se true adiciona o estilo de erro no campo de texto.

fullWidth

TextAreaFullWidth

• false (default)

• true

• always

• sm-up

• sm-down

• md-up

• md-down

• lg-up

• lg-down

• xl-up

• xl-down

• xxl-up

• xxl-down

Se true ou always o campo de texto ocupa todo o espaço disponível. Use por breakpoint quando você quiser controlar quando o campo deve ocupar todo o espaço, por exemplo:sm-up ou sm-down para o campo de texto ocupar todo o espaço disponível apenas quando a tela tem um tamanho menor ou maior que sm.

helperText

ReactNode

• -

Texto auxiliar que aparece abaixo do campo de texto adicionando maiores informações sobre o campo.

id *

string

• -

Propriedade ID do HTML. Vincula informações adicionais aos elementos melhorando acessibilidade.

label

string

• -

Label para descrever o campo de texto

name

string

• -

Nome do campo do elemento, usado no envio do formulário HTML.

placeholder

string

• -

Texto de exemplo do campo.

readOnly

boolean

• false (default)

• true

Se true previne que os usuários editem o valor do campo de texto.

required

boolean

• false (default)

• true

Se true seu valor deve ser preenchido para submeter o formulário.

rows

number

• -

Número de linhas para a altura do campo de texto.

onBlur

function

Função chamada quando o componente perde o foco.

event é o objeto de evento do change.

onChange

function

Função chamada quando o componente é alterado.

event é o objeto de evento do change.