---
url: /components/chips/overview.md
description: >-
  Chips help people enter information, make selections, filter content, or
  trigger actions. Use chips to show options for a specific context.
---

# Chips

Chips help people enter information, make selections, filter content, or trigger actions. Use chips to show options for a specific context.

**Overview** · [Specs](specs.md) · [Guidelines](guidelines.md) · [Accessibility](accessibility.md)

![Chips](/assets/a66e46c5-mrolc0c0-chips.Bv-SYsLx.webp)

* Use chips to show options for a specific context
* Four variants: assist, filter, input, and suggestion
* Chip [elevation](../../styles/elevation/overview.md "Elevation is the distance between two surfaces on the z-axis.") defaults to 0 but can be elevated if they need more visual separation

![4 chip variants.](/assets/0492042f-lzthj7vk-1.n3SdSi6L.webp)

1. Assist chip
2. Filter chip
3. Input chip
4. Suggestion chip

## Availability & resources

| Type | Resource | Status |
| --- | --- | --- |
| Design | [Design Kit (Figma)](https://www.figma.com/community/file/1035203688168086460) | Available |
| Implementation | [Flutter](https://api.flutter.dev/flutter/material/Chip-class.html) | Available |
| Implementation | [Jetpack Compose](https://developer.android.com/develop/ui/compose/components/chip) | Available |
| Implementation | [Android Views (MDC-Android)](https://github.com/material-components/material-components-android/blob/master/docs/components/Chip.md) | Available |
| Implementation | [Web](https://github.com/material-components/material-web/blob/main/docs/components/chip.md) | Available |

## Updates

**Aug 2024**

Updated stroke color from **outline** to **outline variant**.

![A chip with a clear outline is now a chip with a subtle outline.](/assets/ab9e8480-m8sdpshu-02.i_AUIjtC.webp)

The stroke color was softened to improve visual hierarchy between chips and buttons

## Differences from M2

* Color: New color mappings and compatibility with [dynamic color](../../styles/color/dynamic/choosing-a-source.md "Dynamic color takes a single color from a user's wallpaper or in-app content and creates an accessible color scheme assigned to elements in the UI.")
* Shape: Rounded rectangle 
* Variants: Action chips have been separated into assist chips and suggestion chips. Choice chips are now a subset of filter chips

![M2 chip variants.](/assets/cc2b4c1f-m8se5ler-05.Cs9jSWQU.webp)

M2: Variants of chips are input, choice, filter, and action chips

![M3 chip variants.](/assets/c3f34d17-m8se6c0w-06.nRSlXpRB.webp)

M3: Variants of chips updated to assist, filter, input, and suggestion chips