Quick Filter Toggles
A rail of switch based quick filters above a task queue, a live result count with reset, the filtered list, and an inline empty row.
A rail of switch based quick filters above a task queue, a live result count with reset, the filtered list, and an inline empty row.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Quick Filter Toggles is the switch rail above a task queue: four boolean filters (Assigned to me, Unread only, Has attachments, Overdue) that AND together, a My queue heading with a Showing 6 of 6 tasks count, a Reset filters control, and the live list below that shrinks with every toggle. When nothing matches, an inline empty row invites you to turn a filter off or reset them all.
Filter state is one record of four booleans; the list is a single every() pass that keeps a task only when each active filter is satisfied. The count line and the reset disabled state both read from that same state, so the rail and the results never drift apart.
Reach for this block above any busy work queue where users narrow by attribute rather than keyword, wired to your tasks or inbox endpoint. Boolean switches suit filters that are simply on or off; reach for a faceted bar when a dimension has more than two values.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the personal task queue. Other quick-filter rails:
Tip: keep quick filters to four or fewer booleans; past that, a faceted panel reads more clearly than a long switch rail.