Filter Table

Beadkit component

Filter table

Status chips reorganize a live data set while keeping the underlying table readable, responsive, and keyboard accessible.

Back to gallery

Live preview

Filter table preview

Content pipeline

ContentStatusUpdated
HTTP retry lessonDraftToday
Cache validation quizIn reviewYesterday
Status code practiceReadyAug 26
Method safety recapReadyAug 25

Install this component

Register Beadkit once in your shadcn project.

npx shadcn@latest registry add '@beadkit=https://beadkit.dev/r/{name}.json'
npx shadcn@latest add @beadkit/filter-table