Switch

Switch is built on the Base UI Switch primitive. It animates its thumb between checked and unchecked states and supports RTL automatically.

InstallationCopy Anchor Link

pnpm dlx shadcn@latest add https://faber-ui.vercel.app/r/switch.json

UsageCopy Anchor Link

"use client";

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

export default function Example() {
  return <Switch />;
}

ExamplesCopy Anchor Link

DefaultCopy Anchor Link

SizesCopy Anchor Link

APICopy Anchor Link

The Switch accepts all Switch.Root props from @base-ui/react/switch, plus an optional size prop ("sm" or "default").