KQ-811 · MEMORY/CARD

Memory Card

A rail of the facts an assistant has saved, newest at the bottom and pinned ones held at the top. A saved card slides in from the trailing side on snap while the rail's measured height glides to make room; pressing the pin draws the glyph on flick and the card travels to the top with a layout move on glide, and forgetting slides the card out on the exit ease as the cards beneath close the gap. Tab reaches every pin and forget button; ArrowDown and ArrowUp move to the same control on the next card, Home and End jump to the ends.

KQ-811 · MEMORY/CARD

Fernworks Model 3 · Waylight Pay desk

Nothing remembered yet

Nothing saved · press save next

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/memory-card

Props

items: MemoryItem[]; default —; The saved facts in arrival order, each with an id, a fact, an optional mono note and a pinned flag; the host owns the list.
onPin: (id: string, pinned: boolean) => void; default —; Fires from a card's pin toggle with the state it asks for.
onForget: (id: string) => void; default —; Fires from a card's forget button.
label: string; default —; Names the rail for assistive technology.
emptyText: string; default "Nothing remembered yet"; The line shown while nothing is saved.

Prop	Type	Default	Description
items	MemoryItem[]	—	The saved facts in arrival order, each with an id, a fact, an optional mono note and a pinned flag; the host owns the list.
onPin	(id: string, pinned: boolean) => void	—	Fires from a card's pin toggle with the state it asks for.
onForget	(id: string) => void	—	Fires from a card's forget button.
label	string	—	Names the rail for assistive technology.
emptyText	string	"Nothing remembered yet"	The line shown while nothing is saved.