pattern-library 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.

Open source

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.

Evidence Role

This source is treated as pattern-library evidence. Use it to validate the decision rules above, not as a visual style reference.

Publisher: CMS Design System. Last checked: .