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

PropriedadeTipoPadrãoDescrição
pressedbooleanfalseEstado pressionado
variant"default" | "outline""default"Estilo visual
disabledbooleanfalseDesabilita 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-visible para indicação de foco