Usage
Reference Material Design for general guidance when designing for Android.
- Use to narrow down content and as a useful alternative to segmented buttons or checkboxes in lists and search results.
- Can be used alongside other components, such as search fields and sheets.
- Don’t use in place of buttons.
- Don’t use a single chip on its own.
Design properties
| Property | Values | Default |
|---|---|---|
| State Variant | Enabled | Hovered | Focused | Pressed | Disabled | Enabled |
| Selected Variant | False | True | False |
Types
Filter chip
Behavior and interaction
- Tapping a selectable chip activates it, displaying a leading checkmark icon before the chip label.
- Users can select or deselect multiple chips. Alternatively, a single chip can be selected at a time.
- Avoid mixing selection behaviors—each chip set on a page should be either single-select or multi-select.
- Support horizontal scrolling to accommodate multiple options.
Writing guidelines
- Use sentence case.
- Skip conventional grammar rules, such as articles (take "a" walk), to save space.
- Use concise nouns that describe the category to be included in the results. Avoid negative phrasing, such as "Exclude images.”
Changelog
|
Date |
Version |
Notes |
|---|---|---|
|
Aug 1, 2025 |
1.2.0 |
Updated to reflect M3 changes |
|
Apr 15, 2025 |
1.0.0 |
Initial draft of guidance |