Segmented control.
Switches between a small set of closely related options.
See it in context
What it is
Adjacent segments form one compact group, often switching a view or choosing a mutually exclusive mode. The selected segment remains visually connected to its alternatives.
When to use it
Keep option labels concise and clearly mark the selected segment.
Know the difference
Tabs navigate between content sections; a segmented control often changes a local mode or value.
Across platforms
Web
Use a native button for an action and an anchor for navigation. Preserve keyboard activation and a visible focus indicator.
iOS · iPadOS · Android
Provide a comfortable touch target, use familiar system symbols when appropriate, and show a clear pressed or selected state.
macOS · Windows · Linux
Keep pointer, keyboard, and focus behavior consistent. Common commands can additionally expose a menu item or keyboard shortcut.
Go to the source
Primary documentation for the pattern and its platform conventions.