KQ-003 · BREAKER/SWITCH
Breaker Switch
A toggle with mechanical conviction — the thumb stretches in anticipation while held, throws on snap, and squashes against the track end as the rail recoils.
KQ-003 · BREAKER/SWITCH
Lab power rail
Rail: 2/3 systems liveInstall
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/breaker-switch
Props
- checked / defaultChecked / onCheckedChange
- boolean / boolean / (checked) => void
- default —
- Controlled or uncontrolled state.
- size
- "sm" | "md" | "lg"
- default "md"
- Fixed geometry — travel is derived, nothing is measured.
- onLabel / offLabel
- string
- default —
- Tiny uppercase text inside the track ends.
- label
- ReactNode
- default —
- Adjacent clickable label, associated automatically.
- name / value
- string
- default —
- Renders a hidden input that submits while checked.
| Prop | Type | Default | Description |
|---|---|---|---|
| checked / defaultChecked / onCheckedChange | boolean / boolean / (checked) => void | — | Controlled or uncontrolled state. |
| size | "sm" | "md" | "lg" | "md" | Fixed geometry — travel is derived, nothing is measured. |
| onLabel / offLabel | string | — | Tiny uppercase text inside the track ends. |
| label | ReactNode | — | Adjacent clickable label, associated automatically. |
| name / value | string | — | Renders a hidden input that submits while checked. |