Task Filters Bar
Interactive filter toolbar with assignee, status, priority, and due chips, active-filter tokens, a saved-view dropdown, and a live task count.
Interactive filter toolbar with assignee, status, priority, and due chips, active-filter tokens, a saved-view dropdown, and a live task 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
Task Filters Bar is the interactive toolbar that sits above a task list. Four rounded chips toggle preset values: Assignee (Me), Status (In progress), Priority (High), and Due (This week). Active chips render in secondary and appear again as dismissible tokens below the row. A Saved views dropdown (My week, Overdue, Needs review) lets users recall stored combinations. The live count updates as filters change, 2 of 84 tasks when Assignee and Due are both on.
Filters and saved views are two small const arrays. The match count map covers every combination so the number is always accurate without a real query. A Save current view option appears at the foot of the dropdown.
Reach for this block at the top of any task list or project board view, wired to your query layer. Replace the dashed placeholder beneath it with an assigned-to-me list or a kanban board.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the project task list toolbar. Other filter bars:
Tip: active-filter tokens below the chip row are worth the extra markup; they tell users at a glance what is hiding rows without making them re-read the chip states.