# Chip

> A chip is a compact capsule that filters a list, picks from a set or shows an entry someone added. It is a Material 3 component with no counterpart on the kit’s Apple pages.

Page: https://www.appetiteui.com/academy/glossary/chip. Chips in mobile UI: Material 3 and iOS. Also called Filter chip, Tag.

## At a glance

|  | iOS | Android (Material 3) | Appetite UI |
| --- | --- | --- | --- |
| Name | No chip on the kit’s Apple pages | Chip, 32 high at radius 8 | Chip |

| Component | iOS | Material 3 | What differs |
| --- | --- | --- | --- |
| Chip | No counterpart | M3 / Chip, 32 high at radius 8 | The Apple pages have no chip |

## In practice

Chips work when the options fit on one line and change the content right under them. Behind more than a line of them, a filter sheet is clearer.

Appetite UI uses chips across its screens: the categories over the finance history, the price pins and filters over the booking map, the sort and filter chips of a food delivery category and the suggestions in the AI chat.

## Questions

### What are chips used for in a mobile app?

To filter a list, to pick one or several options from a short set, to suggest a next step or to show something the user added, such as a recipient. Material 3 names these assist, filter, input and suggestion chips.

### Does iOS have chips?

Apple’s guidelines name no chip; iOS apps use buttons, segmented controls or tokens in a search field for the same jobs. Appetite UI’s Chip serves both platforms, so the same filter row works in an iOS and an Android frame.

## Sources

1. [Material Design 3: Chips](https://m3.material.io/components/chips/overview)

## Related

- Screens: [Search and filter screens](https://www.appetiteui.com/screens/patterns/search-and-filters)
- Docs: [Chip](https://www.appetiteui.com/docs/chip)
- Article: [iOS vs Material 3: what changes per component](https://www.appetiteui.com/blog/ios-vs-material-3-components)
- Glossary: [Segmented control](https://www.appetiteui.com/academy/glossary/segmented-control)