About this block

Applied Filters Summary is the human-readable state bar that sits above a result list, turning active filter keys into a plain sentence: Showing Open, assigned to you, due this week. Below the sentence three removable filter tokens render the same values as pill chips with individual X affordances. A result count, 14 of 330 tasks match, anchors the right edge alongside a badge reading 3 filters active. Filter state is reflected in the URL so the current view can be bookmarked or shared as a link.

Active filters are one array of key-label pairs. The buildSentence helper composes them into prose so the bar reads naturally regardless of how many filters are active.

When to use

Reach for this block immediately above any filtered list or table, wired to your URL search params and filter model. Pair it with the multi-facet panel to give users both the editing surface and the confirmation of what is active.

A natural flow around it on an Application Pro page:

Before

• Multi facet panel
• App shell

After

• Users table
• Empty states

What you can display

One strong use is the active-filter confirmation bar above a task list. Other applied-filter contexts:

• Report scope bar. Date range, project, and team filters expressed as a sentence above a chart.
• Search results header. Query term plus any active facets as a single readable line.
• Inbox filter state. Unread, assigned-to-me, and flagged expressed as tokens above the message list.

Tip: encoding filter state in the URL means users can share an exact view as a link without any extra work.