# Segmented control

> A segmented control switches between two to five views of the same content, one segment selected at a time. Material 3 calls it a segmented button.

Page: https://www.appetiteui.com/academy/glossary/segmented-control. Segmented control vs tabs on iOS and Android. Also called Segmented button.

## At a glance

|  | iOS | Android (Material 3) | Appetite UI |
| --- | --- | --- | --- |
| Name | Segmented control | Segmented button | Segmented Control |

## In practice

Use it to change how one thing is shown, Week, Month or Year, and tabs to move between different things.

In Appetite UI it sets the period on the fitness Analytics and Progress screens, Pay or Receive on the finance Pay sheet, Delivery or Pickup on the food delivery Home and Today, Upcoming or Done on the tasks My work screen.

## Questions

### Should I use a segmented control or tabs?

A segmented control when the segments show the same content another way, such as a chart by week, month or year. Tabs when each one opens different content, such as Popular, Ramen and Drinks on a restaurant menu.

### What is the Material 3 version of a segmented control?

Segmented buttons: a row of two to five connected buttons for options, views or sorting. Appetite UI draws one Segmented Control for both platforms, in two sizes.

## Sources

1. [Apple Human Interface Guidelines: Segmented controls](https://developer.apple.com/design/human-interface-guidelines/segmented-controls)
2. [Material Design 3: Segmented buttons](https://m3.material.io/components/segmented-buttons/overview)

## Related

- Docs: [Segmented Control](https://www.appetiteui.com/docs/segmented-control)
- Docs: [Tab](https://www.appetiteui.com/docs/tab)
- Glossary: [Chip](https://www.appetiteui.com/academy/glossary/chip)
- Glossary: [Tab bar](https://www.appetiteui.com/academy/glossary/tab-bar)