Components
Neon Toggle
An accessible switch/toggle with a neon-glowing track, animated thumb slide, spark particle burst on activation, size presets, and full color control. Supports controlled and uncontrolled modes.
npx neonblade add neon-toggleUSE CASE
Neural Interface
Enable direct cortex link
Cyber Shield
Active threat deflection
Data Uplink
Sync to remote node
Stealth Mode
Mask system signature
COLORS
SIZES
STATES
Props Configuration
| Prop | Type | Default | Description |
|---|---|---|---|
checked | boolean | - | Controlled checked state. |
defaultChecked | boolean | false | Default checked state (uncontrolled). |
onChange | (checked: boolean) => void | - | Change handler called with the new checked value. |
color | "cyan" | "pink" | "green" | string | "cyan" | Neon accent color for the ON state. |
size | "sm" | "md" | "lg" | "md" | Track size preset. |
disabled | boolean | false | Disable the toggle. |
label | string | - | Label text displayed next to the toggle. |
labelPosition | "left" | "right" | "right" | Label position relative to the toggle. |
className | string | - | Additional className on the label wrapper. |
id | string | - | id for the underlying input. Auto-generated if omitted. |