# Segmented control

A hybrid somewhere between a button group, radio buttons, and tabs; segmented controls are used to switch between different options or views.

Tabs: [Guidelines](/components/web/segmented-control/segmented-control.guidelines.md) · [Code](/components/web/segmented-control/segmented-control.code.md)

[View in Figma](https://www.figma.com/design/J4pl8gvfmMdbigPMiaCwrr/%F0%9F%94%AD-Web-Components---Telescope?node-id=17474-76987&t=rSNmmqks6cPefwuh-11)[View on Github](https://github.com/pleo-io/web/tree/main/published-packages/telescope-components/src/components/segmented-control)[Open in Storybook](https://telescope.pleo.io/storybook/?path=/story/segmented-control--selected)[View metrics](https://reimagined-spoon-6841wle.pages.github.io/)

## No guidelines available

We haven't created guidelines for the Segmented control component yet. If you're interested in helping out, please refer to [our contribution model](/contributing/contributing.overview).

## Related components

- [Switch](/components/web/switch/switch.guidelines): A control used to switch between two states - often on or off.