Forms
Switch
Three frames of travel, then the thumb is lit.
npx shadcn@latest add https://ui.netm8.com/r/switch.json@base-ui/react
Forms
Three frames of travel, then the thumb is lit.
npx shadcn@latest add https://ui.netm8.com/r/switch.jsonimport { Switch } from "@/components/ui/switch"
export default function SwitchDemo() {
return (
<div className="grid gap-3 text-sm">
<label className="flex items-center justify-between gap-8">
Lamp <Switch defaultChecked />
</label>
<label className="flex items-center justify-between gap-8">
Rain <Switch />
</label>
<label className="flex items-center justify-between gap-8 text-faint">
Sun <Switch disabled />
</label>
</div>
)
}