Formulário
Switch
Toggle switch para ativar/desativar opções.
Uso
Use o elemento <y-switch> no seu HTML:
html
<y-switch label="Notificações por email"></y-switch>Exemplos
Padrão
Padrão
Ativo
Ativo
Propriedades
| Propriedade | Tipo | Padrão | Descrição |
|---|---|---|---|
checked | boolean | false | Estado do switch |
disabled | boolean | false | Desabilita o switch |
label | string | — | Texto do label |
Importação
Importe todos os componentes ou apenas este:
typescript
// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/switch.js';Acessibilidade
- Suporta navegação por teclado
- Utiliza atributos ARIA apropriados
focus-visiblepara indicação de foco