KQ-165 · TRI/TOGGLE
Tri Toggle
A switch with a middle. One knob rides a three-stop track — off, a considered middle, on — gliding to the chosen stop on snap with a single crisp overshoot, keyed by a shared layoutId so the same knob travels rather than three knobs blinking.
KQ-165 · TRI/TOGGLE
Cooling fan
Fan auto
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/tri-toggle
Props
- value / defaultValue
- string
- default —
- Controlled or initial position.
- options
- [TriOption, TriOption, TriOption]
- default —
- Exactly three stops; defaults to off / auto / on.
- name
- string
- default —
- Renders a hidden native radio per stop so forms post the value.
| Prop | Type | Default | Description |
|---|---|---|---|
| value / defaultValue | string | — | Controlled or initial position. |
| options | [TriOption, TriOption, TriOption] | — | Exactly three stops; defaults to off / auto / on. |
| name | string | — | Renders a hidden native radio per stop so forms post the value. |