Switch Neumorphic

Soft UI style toggle switch with neumorphic shadows and optional dot pattern.

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

Props

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