A control that allows the user to toggle between checked and not checked.
import { Label } from "@/components/ui/label" import { Switch } from "@/components/ui/switch" export function SwitchDemo() { return ( <div className="flex items-center space-x-2"> <Switch id="airplane-mode" /> <Label htmlFor="airplane-mode">Airplane Mode</Label> </div> ) }
Part of shadcn/ui — browse the full library on 21st.dev.