Switch
Liga e desliga uma configuração com efeito imediato. Para concordar com um termo, use Checkbox.
Configurações do envelope
Tamanhos e estados
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| checked / defaultChecked | boolean | — | Estado ligado, controlado ou inicial. |
| onCheckedChange | (checked: boolean) => void | — | Chamado a cada troca. |
| size | "sm" | "md" | "lg" | "md" | Trilho de 36, 44 ou 52px de largura. |
| label | ReactNode | — | Texto clicável à esquerda do controle. |
| description | ReactNode | — | Explicação abaixo do rótulo. |
| disabled | boolean | false | Bloqueia a troca. |
<Switch checked={ordered} onCheckedChange={setOrdered} label="Assinatura em ordem" />