Switch
Liga/desliga uma configuração com efeito imediato — sem precisar salvar.
Componente base do Nuxt UI (
USwitch), ainda não internalizado no EletroDS — confira o comportamento antes de usar no ME.O Switch alterna uma configuração com efeito imediato (notificações, visibilidade) — não espera um "Salvar". Quando a escolha booleana só vale no submit de um formulário, use o Checkbox.
Variantes
| Quero… | Use |
|---|---|
| Densidade | size |
| Bloquear | disabled |
| Estado de carregamento | loading (enquanto persiste a mudança) |
No código
USwitch — doc técnica em ui.nuxt.com/docs/components/switch.
Acessibilidade
- Semântica de
role="switch"+aria-checked; rótulo associado que diz o que liga/desliga. - Estado on/off percebido além da cor (posição do thumb + rótulo).
- Foco visível; acionável por
Espaço/Enter; alvo ≥ 44px. - Como o efeito é imediato, em falha de persistência reverta o estado e anuncie o erro (não deixe o switch mentindo).