KQ-223 · SIEVE/TABLE

Sieve Table

A table sieved by status chips: pick a chip and the rows that survive glide to their new positions while the rest fold away — a layout move, never a reprint, because rows that teleport can't be followed and rows that reprint can't be trusted to be the same rows. Every chip carries its count, derived from the data, so the filter admits how much it hides.

KQ-223 · SIEVE/TABLE
TaskYardDueStatus
  • Recut the morning boardNorth basin06:00To do
  • Verify crane 2 clearanceNorth basin07:30In progress
  • Post the handover noteKettle point14:00To do
  • Score stockout riskRelay floor10:00In progress
  • File yesterday's exportsKettle point09:00Completed

Install

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

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

Props

PropTypeDefaultDescription
statuses / rowsSieveStatus[] · SieveRow[]The chip set and the rows, each carrying a statusId.
columnsstring[]Column captions; the status column is added for you.