Mobile / Shell · 14

Chip filter row

Horizontally scrollable filter chips with a per-chip count and a leading deselect-all chip when at least one filter is active. aria-pressed reflects state.

Production answer

Chip filter row is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Chip filter row states
Generative search brief

Chip filter row: Horizontally scrollable filter chips with a per-chip count and a leading deselect-all chip when at least one filter is active. aria-pressed reflects state.

Use case

Parts catalogue filters — mechanic narrows the list while keeping the scan field visible.

Parts

2 filters

Scroll the chips horizontally. The deselect-all chip appears when at least one is active.

Active: muffler, gasket

Filters

aria-pressed on each chip
2 selected