Board Header Toolbar
Board name, Board and Table and Timeline view switcher, member avatar filters, an active filter badge, group-by selector, and a share button.
Board name, Board and Table and Timeline view switcher, member avatar filters, an active filter badge, group-by selector, and a share button.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Board Header Toolbar is the bar above the Apollo: Q3 Sprint board. It holds the board name, a Board / Table / Timeline view switcher with Board active, a row of six member avatars from the shared avatar set with Priya Nair pressed for assignee filtering, a Filter button showing a badge of 1 active filter, a Group: Status dropdown affordance, and a Share button. The status line below reports 47 cards total, 1 filter active, 1 assignee filter active.
View tabs and members are two typed arrays; aria-pressed on the avatar buttons is what makes the member filter state readable to assistive technology. The card count line is the at-a-glance sanity check after a filter is applied.
Reach for this block at the top of any kanban board view, wired to your board state, view switcher router, and member filter model. Attach onClick handlers to the tab and avatar buttons.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the sprint board toolbar. Other toolbar configurations:
Tip: the card count line is the first thing users check after applying a filter; put it there and they will trust the filter worked.