neon

NeonToggle

Neon on/off switch with glow effect.

npx chaos add neon-toggle

PREVIEW

USAGE

import { NeonToggle } from '@/components/chaos/neon/neon-toggle';

const [on, setOn] = useState(false);

<NeonToggle checked={on} onChange={setOn} />
<NeonToggle checked={on} onChange={setOn} variant="pink" />

PROPS

PropTypeDefault

checkedCurrent state

boolean-

onChangeChange callback

(checked: boolean) => void-

variantNeon color

"cyan" | "pink" | "green" | "purple""cyan"

sizeToggle size

"sm" | "md" | "lg""md"