A control that allows the user to toggle between checked and not checked.
import { 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> );
Part of Animate UI — browse the full library on 21st.dev.