pattern-library 1 linked patterns checked
CMS Design System Filter Chip
Documents dismissible filter chips for applied result filters, including clear remove labels, focusability, keyboard removal with Enter, Backspace, or Delete, short non-wrapping labels, spacing, and avoiding non-removable badge misuse.
Read with a purpose
What this source can teach
Use this source to compare a documented solution with the task and states in your own product.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Filter chips | Choose filter chips when there are a few high-frequency filters that can stay visible near the result set without overwhelming scanning. | Selecting a filter chip toggles only that filter and updates the result count or result list without changing unrelated query, sort, pagination, or view state. | CMS filter chip guidance documents applied-filter removal, accessible clear labels, focusability, keyboard removal, spacing, and short labels. |
Comparisons supported by this source
- Filter chips vs filter panel vs multi-select
CMS documents filter chips for applied result filters, short labels, focusability, keyboard removal, clear labels, spacing, and badge alternatives.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: CMS Design System. Last checked: .