Material Design Chips
Documents chips as compact elements for input, choices, filtering, and actions, including filter chips for collections, multiple selected chips, selected-state icons, placement under search fields, wrapping, and horizontal scrolling.
What this source can teach
Use this source to understand a platform convention and the setting it was designed for.
- 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 |
|---|---|---|---|
| Chip selection | Choose chip selection when the chip set itself is the user's answer to a short choice question. | Selecting a chip changes only that chip group's answer and does not navigate, run an action, remove the option, or filter unrelated content. | Material documents chips for entering information, making selections, filtering content, and triggering actions, and distinguishes choice, filter, input, and action chip roles. |
| 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. | Material Design distinguishes chip types and documents filter chips for collections, selected states, selected icons, placement, wrapping, and scrolling. |
Comparisons supported by this source
- Chip selection vs filter chips vs checkbox group vs segmented control
Material documents chips for entering information, making selections, filtering content, or triggering actions, and distinguishes choice chips, filter chips, input chips, and action chips.
- Filter chips vs filter panel vs multi-select
Material distinguishes chip types and documents filter chips for collections, multiple selected states, selected icons, and placement under search fields.
Evidence Role
This source is treated as platform-guideline evidence. Its value comes from the specific claims and setting described above.
Publisher: Google Material Design. Last checked: .