Formulário

Textarea

Campo de texto multilinha para conteúdos maiores.

Uso

Use o elemento <y-textarea> no seu HTML:

html
<y-textarea label="Descrição do produto" placeholder="Descreva o produto..."></y-textarea>

Exemplos

Padrão

Padrão

Propriedades

PropriedadeTipoPadrãoDescrição
labelstringRótulo do campo
placeholderstringTexto placeholder
descriptionstringTexto de ajuda
errorstringMensagem de erro
disabledbooleanfalseDesabilita o campo
rowsnumber3Número de linhas visíveis

Importação

Importe todos os componentes ou apenas este:

typescript
// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/textarea.js';

Acessibilidade

  • Suporta navegação por teclado
  • Utiliza atributos ARIA apropriados
  • focus-visible para indicação de foco