Components
Loading preview...
Toggle switch component built on Radix UI with smooth animation and focus states.
@reapollo
npx shadcn@latest add https://21st.dev/r/larsen66/interfaces-switch"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>
)
}