Segmented control

27

Segmented control is an interface element that allows users to switch between different views or subsets of an application or a webpage. It presents multiple options in a horizontal set, typically highlighting the current selection distinctly.

Segmented controls are best used for exclusive selections that are closely related and compete for the same space in interface. They provide a compact, intuitive way to organize and switch between content or controls, without navigating away from the current context. By enabling easy and quick transitions between different views, the Segmented control component greatly enhances user experience and interaction efficiency.

Looking into how the

Segmented control

component works?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%

Looking into how the

Segmented control

component works?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%

Looking into how the

Segmented control

component works?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%