Switch Neumorphic
Soft UI style toggle switch with neumorphic shadows and optional dot pattern.
1import { SwitchNeumorphic } from "@/zeroui/components/switches";23export default function Example() {Sizes
1<SwitchNeumorphic size="sm" defaultChecked />2<SwitchNeumorphic size="md" defaultChecked />3<SwitchNeumorphic size="lg" defaultChecked />Without Dots
1<SwitchNeumorphic showDots={false} />2<SwitchNeumorphic showDots={false} defaultChecked />Installation
npx zeroui@latest add switch-neumorphicProps
| name | type | default | description |
|---|---|---|---|
| checked | boolean | undefined | - |
| defaultChecked | boolean | false | - |
| onChange | (checked: boolean) => void | undefined | - |
| disabled | boolean | false | - |
| size | "sm" | "md" | "lg" | "md" | - |
| showDots | boolean | true | - |