KQ-747 · PARTIAL/TABLE

Partial Table

A real table that grows row by row as characters arrive: each row fades in with a nudge on glide, and every cell not yet whole shows a shimmer bar as long as its missing letters. The columns are held at equal widths while anything is incomplete, and only when the last character lands do the col widths glide to the measured proportions of their content. Assistive technology hears a row when it completes, never a character.

KQ-747 · PARTIAL/TABLE

Suppliers for the Waylight orderGaugeworks Reasoner
Supplier	Lead	Cost	Stock

Waiting · press write

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/partial-table

Props

columns: string[]; default —; Header labels, left to right.
rows: string[][]; default —; The complete cell text, row-major.
arrived: number; default 0; Characters received across the cells in row order. Drive it from your stream.
playing: boolean; default false; Whether the stream is live; sets aria-busy on the table.
caption: string; default —; Names the table; rendered as its caption.
model: string; default —; An invented model name, shown beside the caption.
onSettle: () => void; default —; Fires from the measurement observer once the columns have settled after completion.

Prop	Type	Default	Description
columns	string[]	—	Header labels, left to right.
rows	string[][]	—	The complete cell text, row-major.
arrived	number	0	Characters received across the cells in row order. Drive it from your stream.
playing	boolean	false	Whether the stream is live; sets aria-busy on the table.
caption	string	—	Names the table; rendered as its caption.
model	string	—	An invented model name, shown beside the caption.
onSettle	() => void	—	Fires from the measurement observer once the columns have settled after completion.