Switch 3D
Toggle switch with 3D perspective flip effect and ON/OFF labels.
1import { Switch3D } from "@/zeroui/components/switches";23export default function Example() {Sizes
1<Switch3D size="sm" defaultChecked />2<Switch3D size="md" defaultChecked />3<Switch3D size="lg" defaultChecked />Installation
npx zeroui@latest add switch-3dProps
| name | type | default | description |
|---|---|---|---|
| checked | boolean | undefined | - |
| defaultChecked | boolean | false | - |
| onChange | (checked: boolean) => void | undefined | - |
| disabled | boolean | false | - |
| size | "sm" | "md" | "lg" | "md" | - |