KQ-778 · FOOTNOTE/DRAWER

Footnote Drawer

Notes that rise from the bottom. The answer's [n] marks render as small buttons; pressing one raises a drawer from the frame's bottom edge on glide while a scrim fades over the prose, and inside it the list's scroll position is animated on glide so the pressed note comes into view under a wash that fades once seen. The drawer is a modal dialog: focus lands on the note, Tab cycles between the close button and the notes, Escape or the scrim lowers it on the exit ease, and focus returns to the mark.

KQ-778 · FOOTNOTE/DRAWER

Savings rate change3 notes

The Easy saver headline rate rose to 3.9% in May, the first change since the range launched. Coldbrook's own letter puts most of the quarter's deposit growth on that change.

Branch staff say new savers now ask for the rate by name, which had not happened before the rise. Fixed-term rates were left where they were.

Drawer lowered

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/footnote-drawer

Props

text: string; default —; The answer; [n] marks the nth note and a blank line separates paragraphs.
notes: FootnoteEntry[]; default —; The notes in mark order, each with its text and a source label and domain.
value / defaultValue: string | null; default null; The open note's id, controlled or initial; null keeps the drawer lowered.
onValueChange: (id: string | null) => void; default —; Fires when a mark is pressed or the drawer lowers.
label: string; default —; Names the answer region for assistive technology.

Prop	Type	Default	Description
text	string	—	The answer; [n] marks the nth note and a blank line separates paragraphs.
notes	FootnoteEntry[]	—	The notes in mark order, each with its text and a source label and domain.
value / defaultValue	string \| null	null	The open note's id, controlled or initial; null keeps the drawer lowered.
onValueChange	(id: string \| null) => void	—	Fires when a mark is pressed or the drawer lowers.
label	string	—	Names the answer region for assistive technology.