Toggle switch component built on Radix UI with smooth animation and focus states.
"use client" import { Switch } from "@/components/ui/interfaces-switch" export default function SwitchDemo() { return ( <div className="flex w-full min-h-screen items-center justify-center bg-background p-8 overflow-hidden"> <div className="flex items-center gap-3"> <Switch id="airplane-mode" defaultChecked /> <label htmlFor="airplane-mode" className="text-sm font-medium cursor-pointer"> Airplane Mode </label> </div> </div> ) }
Part of Interfaces DS — browse the full library on 21st.dev.