Navegação

Componentes

Textarea

beta

Resposta longa, de várias linhas. Para uma linha só, use Input — a altura é a promessa que o campo faz sobre o tamanho esperado.

Ainda não é estável porque Pendência editorial: oQueE, quandoUsar, quandoNaoUsar; Rota não varrida pelo sensor. Ausência de medição não é aprovação. O contrato de maturidade explica o que cada requisito exige.

@voxmente/ui/components/ui/textarea

Playground
<Textarea aria-label="Anotação da sessão" placeholder="Observações sobre a sessão" />

Uso

Campo de texto de várias linhas. Para uma linha só, use Input — o Textarea cresce com o conteúdo.

Com valor preenchido

`field-sizing-content` ajusta a altura ao texto — não precisa de lógica de auto-resize à parte.

Inválido

`aria-invalid` marca o erro visualmente e para o leitor de tela ao mesmo tempo — não separe as duas coisas.

Desabilitado

Desabilitado baixa a opacidade e bloqueia o cursor, mas mantém o valor visível — o dado não some.

Referência da API

Extraída do TypeScript de @voxmente/ui a cada build. Se divergir do código, o código mudou.

Textarea não tem props próprias — aceita apenas as props herdadas, incluindo className e os atributos de DOM.

Pendência editorial: o que é, quando usar, quando não usar, acessibilidade, componentes relacionados, exemplo em contexto de produto. A lacuna aparece aqui em vez de ser preenchida com orientação inventada.

Origem do dado
  • Demonstrações e playground: componente real de @voxmente/ui
  • Referência da API: TypeScript do pacote
  • Cor, espaçamento e raio das demonstrações: tokens de theme.css