KQ-169 · STATUS/PIP
Status Pip
A presence dot that stays alive without shouting. Live states breathe a slow halo out and fade it; changing state morphs the dot's colour rather than cutting to it, and the status name always travels with the dot so colour is only ever a reinforcement.
KQ-169 · STATUS/PIP
Press · Cell 7
State online
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/status-pip
Props
- status
- "online" | "away" | "busy" | "offline"
- default —
- The current state; sets the colour and the announced name.
- label
- ReactNode
- default —
- Visible text beside the dot; omit and the status name is read.
- pulse
- boolean
- default —
- Force the halo on or off; defaults on for live states.
| Prop | Type | Default | Description |
|---|---|---|---|
| status | "online" | "away" | "busy" | "offline" | — | The current state; sets the colour and the announced name. |
| label | ReactNode | — | Visible text beside the dot; omit and the status name is read. |
| pulse | boolean | — | Force the halo on or off; defaults on for live states. |