Switch 3D

Toggle switch with 3D perspective flip effect and ON/OFF labels.

1import { Switch3D } from "@/zeroui/components/switches";
2
3export 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-3d

Props

nametypedefaultdescription
checkedbooleanundefined-
defaultCheckedbooleanfalse-
onChange(checked: boolean) => voidundefined-
disabledbooleanfalse-
size"sm" | "md" | "lg""md"-