KQ-807 · FLAG/NOTE

Flag Note

An answer card whose Flag control raises a note panel beneath the text: the panel glides from zero to its measured height on glide, focus moves to a row of reason chips, and a real textarea takes the note. Submit folds the panel back and the flag badge lands in the header on snap with its glyph filling on a colour tween; pressing the badge reopens the panel to edit, and Remove clears it on the exit ease, never a bounce. Reasons are a radiogroup with a roving tabindex, and Escape anywhere in the panel cancels and returns focus.

KQ-807 · FLAG/NOTE

Gaugeworks Reasoner

Refunds for Waylight Pay orders are paid back to the original card within ten working days of the item reaching the depot. If the card has since been closed, the refund is held as store credit instead.

Unflagged

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/flag-note

Props

model: string; default —; Whose answer this is; the header caption.
answer: string; default —; The answer text.
reasons: string[]; default ["Wrong", "Unsafe", "Off topic", "Style"]; The reason chips.
flag / defaultFlag: FlagNoteValue | null; default null; Controlled or initial flag: { reason, note }, or null while unflagged.
onFlagChange: (flag: FlagNoteValue | null) => void; default —; Fires from Submit with the flag, or from Remove with null.
onOpenChange: (open: boolean) => void; default —; Fires when the note panel opens or closes.
className: string; default —; Layout overrides on the card.

Prop	Type	Default	Description
model	string	—	Whose answer this is; the header caption.
answer	string	—	The answer text.
reasons	string[]	["Wrong", "Unsafe", "Off topic", "Style"]	The reason chips.
flag / defaultFlag	FlagNoteValue \| null	null	Controlled or initial flag: { reason, note }, or null while unflagged.
onFlagChange	(flag: FlagNoteValue \| null) => void	—	Fires from Submit with the flag, or from Remove with null.
onOpenChange	(open: boolean) => void	—	Fires when the note panel opens or closes.
className	string	—	Layout overrides on the card.