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
| Propriedade | Tipo | Padrão | Descrição |
|---|---|---|---|
label | string | — | Rótulo do campo |
placeholder | string | — | Texto placeholder |
description | string | — | Texto de ajuda |
error | string | — | Mensagem de erro |
disabled | boolean | false | Desabilita o campo |
rows | number | 3 | Nú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-visiblepara indicação de foco