← DOCS
neon

NeonToggle

Neon on/off switch with glow effect.

npx chaos add neon-toggle

PREVIEW

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { NeonToggle } from '@oalacea/chaosui/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"