Components
Loading preview...
A control that allows the user to toggle between checked and not checked.
@animate-ui
npx shadcn@latest add https://21st.dev/r/skyleen77/radix-switchimport { Switch } from "@/components/ui/radix-switch";
export const RadixSwitchDemo = () => (
<div className="flex items-center space-x-2">
<label htmlFor="airplane-mode" className="text-sm leading-none font-medium select-none">Airplane mode</label>
<Switch defaultChecked id="airplane-mode" />
</div>
);