Formulário
Toggle
Botão toggle para alternar estado on/off.
Uso
Use o elemento <y-toggle> no seu HTML:
html
<y-toggle>B</y-toggle>Exemplos
Padrão
Padrão
Propriedades
| Propriedade | Tipo | Padrão | Descrição |
|---|---|---|---|
pressed | boolean | false | Estado pressionado |
variant | "default" | "outline" | "default" | Estilo visual |
disabled | boolean | false | Desabilita o toggle |
Importação
Importe todos os componentes ou apenas este:
typescript
// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/toggle.js';Acessibilidade
- Suporta navegação por teclado
- Utiliza atributos ARIA apropriados
focus-visiblepara indicação de foco