Switch

SobreCopiar link da âncora

Interruptor on/off com trilho animado e thumb deslizante, no padrão HeroUI.

• size: sm (32×16), md (40×20, padrão) ou lg (48×24)
• value / onChanged: estado atual e callback; onChanged nulo deixa o switch desabilitado
• label / description: texto inline à esquerda do trilho (opcional)
• isInvalid: pinta o trilho em vermelho quando ligado (estado de erro)
• style (KasySwitchStyle): customiza cor ativa/inativa, gradiente, cor do thumb e ícones dentro do thumb (ativo/inativo)
• semanticLabel: nome acessível quando não há label (switch só com o trilho)

KasySwitchTile envolve o KasySwitch numa linha de largura total (label/descrição à esquerda, switch fixado à direita) — é o padrão para telas de configurações.

PreviewCopiar link da âncora

Atualizado em 03/11/2026