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.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
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.