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.
Properties
| Property | Values | Default |
|---|---|---|
| Selected Variant | False | True | False |
Size
- Acorn doesn't offer size variants for Android chips.
Types
Selectable 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.
- They support horizontal scrolling to accommodate multiple options.
Writing guidelines
- Use concise nouns that describe the category to be included in the results. Avoid negative phrasing, such as "Exclude images.”
Accessibility
Changelog
|
Date |
Version |
Notes |
|---|---|---|
|
Apr 15, 2025 |
1.0.0 |
Initial draft of guidance |