Valmor

Toggle

Interruptor liga/desliga.

Toggle

Toggle Padrão (switch)

Com fieldset e label

Opções de login

Escala de Tamanhos

XSSMMDLGXL

Variantes Temáticas

Estado Indeterminado

Estados Especiais

<!-- Toggle Component -->
<div class="toggle">
  Toggle content here
</div>
---
import Toggle from '@/components/ui/data-input/Toggle/Toggle.astro';
---

<Toggle />

Uso

Quando usar

  • Use Toggle para interruptor liga/desliga.
  • Ideal para interfaces que precisam de entrada de dados

Boas práticas

  • Mantenha consistência com outros componentes da mesma categoria
  • Considere acessibilidade e estados de interação
  • Teste em diferentes tamanhos de tela