Switch

Toggle on/off para configurações e preferências. Construído sobre Radix UI Switch.

import { Switch } from "@workspace/ui/components/switch";
import { Label } from "@workspace/ui/components/label";

<div className="flex items-center space-x-2">
  <Switch id="feature" />
  <Label htmlFor="feature">Ativar</Label>
</div>

Default

Switch com label e estados.

Notificações por email

Emails de marketing

Desabilitado

Settings row

Padrão de linha de configuração.

Consultora ativa

Visível no catálogo

Notificar estoque

Avisar quando acabar

Aprovação automática

Aprovar pedidos sem revisão

API Reference

Prop	Type	Default	Descrição
`checked`	`boolean`	—	Estado do switch (controlado)
`defaultChecked`	`boolean`	—	Estado inicial (não controlado)
`onCheckedChange`	`(checked: boolean) => void`	—	Callback quando o valor muda
`disabled`	`boolean`	false	Desabilita o switch