pattern-library checked
Visa Product Design System Filters Pattern
Documents filter anatomy, including categories, applied indicators, chips, clear-all controls, apply buttons, filter panels, instant filtering, batch filtering, and mobile guidance.
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. | Visa filter guidance documents applied filter chips, active indicators, clear-all controls, and their relationship to filter panels. |
| Filter panel | Choose a filter panel when users need grouped controls for narrowing the current result set by several criteria. | Each filter category has a clear label and contains controls appropriate to the value type, such as checkboxes, radios, ranges, date fields, or text fields. | Visa guidance documents filter panel anatomy, active indicators, applied chips, clear-all controls, apply buttons, and mobile considerations. |
| Filter reset that clears unrelated search | Flag this anti-pattern when a filter reset clears or changes query text, submitted search, search scope, saved search identity, search history, sort order, page size, view mode, selected rows, or route context that is not visibly part of the filters. | Every reset control names the state it changes. | Documents active indicators, applied filter chips, clear-all controls, apply buttons, and mobile filtering considerations. |
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: Visa Product Design System. Last checked: .