Board Filters Bar
Board toolbar with assignee avatar toggles, label chips, a group-by control, search, and a visible filtered card count.
Board toolbar with assignee avatar toggles, label chips, a group-by control, search, and a visible filtered card count.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Board Filters Bar is the toolbar that sits above a kanban board. It packs a row of seven assignee avatar toggles (Priya Nair and Marcus Kim active with a ring), four label chips (Feature active, Bug, Design, Chore), a Group: By status control, and a search field into one card. The count line beneath reads 38 of 62 cards shown 2 assignee filters active 1 label filter active so the team always knows what the board is hiding.
Assignees and label chips are two const arrays with an active flag; aria-pressed marks the live state. The count line is the accountability row that stops confused filtering support tickets.
Reach for this block directly above a kanban board whenever the team is large enough that unfiltered columns become unreadable. Wire onClick handlers to toggle active state in your board context.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the sprint board toolbar for a multi-person team. Other filter bars:
Tip: the count line is more useful than a spinner; a visible number tells reviewers the filter is working before a single card moves.