KQ-933 · NOTIFY/TOGGLE

Notify Toggle

The three honest answers to how much of a room you want: everything, only when you are named, nothing. One knob rides the three-stop track on a shared layoutId joined on glide, while under it a wheel of descriptions slides to match — a single ResizeObserver measures all three lines, so the strip travels by the heights above the chosen one and the window joins that line's own height with nothing reserved for the longest. The bell morphs on flick, drawing and undrawing its arcs, its at-mark and its clapper rather than interpolating a path; Left and Right step without wrapping, Home and End jump, and Space selects.

KQ-933 · NOTIFY/TOGGLE

Notify me#coldbrook-yard

only when named · #coldbrook-yard

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/notify-toggle

Props

value / defaultValue: NotifyLevel; default "all"; Controlled or initial level: all, mentions or none.
onValueChange: (value: NotifyLevel) => void; default —; Fires from the press or key that chose the level, never from an effect.
onAnnounce: (sentence: string) => void; default —; The frozen sentence the polite region just spoke.
room: string; default —; The room the setting belongs to; printed and spoken after a hash.
stops: [NotifyStop, NotifyStop, NotifyStop]; default —; Label and description per stop; defaults to All / Mentions / Nothing.
label: string; default "Notify me"; The group's visible heading.

Prop	Type	Default	Description
value / defaultValue	NotifyLevel	"all"	Controlled or initial level: all, mentions or none.
onValueChange	(value: NotifyLevel) => void	—	Fires from the press or key that chose the level, never from an effect.
onAnnounce	(sentence: string) => void	—	The frozen sentence the polite region just spoke.
room	string	—	The room the setting belongs to; printed and spoken after a hash.
stops	[NotifyStop, NotifyStop, NotifyStop]	—	Label and description per stop; defaults to All / Mentions / Nothing.
label	string	"Notify me"	The group's visible heading.