Data Input
Switch
Alternância on/off acessível via Radix Switch. Suporta estado controlado e não controlado, com thumb deslizante e ring no foco.
npx shadcn add @studio/switch Baseado em Radix Switch — acessível por teclado e leitores de tela.
Estados
Off
On
Desabilitado
Com label
Alternância sobre Radix Switch — acessível por teclado, com data-[state=checked] nos tokens da marca.
Props
| Prop | Tipo | Descrição |
|---|---|---|
checked | boolean | Estado ligado (modo controlado) |
defaultChecked | boolean | Estado inicial (não controlado) |
onCheckedChange | (checked: boolean) => void | Callback ao alternar |
disabled | boolean | Estado desabilitado |