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.

Bob Poláček Designs Appetite UI

Why it matters

A chip lets people filter or choose without leaving the content, so the result changes right under their finger.

It is a Material 3 component with no counterpart on iOS, so a shared design has to say what iOS shows.

Chip on iOS and Android

Also called Filter chip, Tag. The same idea in each system, with the values Appetite UI gives it.

Chip at a glance, iOS, Android, Appetite UI
Value	iOS	Android	Appetite UI
Name	No chip on the kit’s Apple pages	Chip, 32 high at radius 8	Chip

Components side by side, component, iOS, Material 3, what differs
Component	iOS	Material 3	What differs
Chip	No counterpart	M3 / Chip, 32 high at radius 8	The Apple pages have no chip

In Appetite UI

Where it appears in Appetite UI: Booking app, Results, and the components, live. The theme switch beside the title shows the dark frame.

Search and filters, live componentsKit geometry, light and dark

Search, Chip, Stepper and Button

Results393 x 852 each, Light and Dark

Booking app Results screen: Ruka, Finland with 12 to 17 Feb and 3 guests above Filters, Price, Cabin and Sauna chips, a map with six price pins from $120 to $240 and the $180 pin selected, and a sheet that opens on 24 cabins and a Lakeside cabin card — Results

Booking app Results screen in dark mode: Ruka, Finland with 12 to 17 Feb and 3 guests above Filters, Price, Cabin and Sauna chips, a map with six price pins from $120 to $240 and the $180 pin selected, and a sheet that opens on 24 cabins and a Lakeside cabin card — Results

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.

Common mistakes

Showing more chips than fit on a line. Use a filter sheet.
Using chips as buttons for main actions.
Marking the selected chip in a way that differs between screens.

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

The pages the facts above rest on, each read October 31, 2026.

Material Design 3: Chips