Formulário
Input
Campo de entrada de texto com suporte a label, descrição e estado de erro.
Uso
Use o elemento <y-input> no seu HTML:
html
<y-input label="Nome do produto" placeholder="Ex: Camiseta Yampi"></y-input>Exemplos
Padrão
Padrão
Com descrição
Com descrição
Com erro
Com erro
Propriedades
| Propriedade | Tipo | Padrão | Descrição |
|---|---|---|---|
label | string | — | Rótulo do campo |
placeholder | string | — | Texto placeholder |
description | string | — | Texto de ajuda abaixo do campo |
error | string | — | Mensagem de erro |
type | string | "text" | Tipo do input HTML |
disabled | boolean | false | Desabilita o campo |
value | string | — | Valor do campo |
Importação
Importe todos os componentes ou apenas este:
typescript
// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/input.js';Acessibilidade
- Suporta navegação por teclado
- Utiliza atributos ARIA apropriados
focus-visiblepara indicação de foco