EstávelFormuláriodesde v0.1.0

Switch

Interruptor liga/desliga.

Quando usar

Liga/desliga imediato, sem confirmação extra.

Ajuste props ou edite o código em tempo real (componentes compatíveis).

Controles interativos disponíveis em breve para este componente. Use os exemplos abaixo como referência.

import { Switch } from "./switch"

export default function App() {
  return <Switch defaultChecked />
}

Variações comuns de uso.

import { Switch } from "@/components/ui/switch"

export function SwitchDemo() {
  return <Switch />
}

Props principais documentadas para o time.

Prop	Tipo	Padrão	Descrição
checked	boolean	—	Estado ligado/desligado.
defaultChecked	boolean	—	Estado inicial não controlado.
disabled	boolean	false	Impede alternância.

pnpm dlx shadcn@latest add http://localhost:3000/r/switch.json

pnpm dlx shadcn@latest add @youxgroup/switch

npm: cn