Navigation & Inputs · Navigation
Segmented Control
also known as Segmented button, Toggle button group
A segmented control is a linear set of two or more mutually exclusive segments joined in a single track, used to toggle between views or filter how the same content is shown. Only one segment is active at a time and the switch happens instantly. It suits a small, fixed number of options.
See it live — shadcn/ui · MUI · Ant Design
Don't confuse it with
A segmented control's options share one connected track and change how the same content displays; tabs are visually separate labels that switch to different content views. Unlike a two-state toggle switch, a segmented control can offer more than two options.
In the wild
The Day / Week / Month switcher in a calendar app.