Foundations
An infinite canvas
Components
An infinite canvas
Accordion
Action bar
Action Button
Action list
Alert banner
App bar
Avatar
Badges
Bottom sheet
Breadcrumb
Button
Button group
Cards
Checkbox
Chip
Combobox
Date picker
Date table
Dialog
Divider
Drawer
Dropdown
Field
Filter input
Help text
Icon
Inline message
Label
Link
List
Menus
Modal
Navigation bar
Page header
Pagination
Popover
Progress bar
Progress indicator
Radio button
Search
Segmented contol
Select
Sidebar
Slider
Snackbar
Switch
Tabs
Tag
Text area
Text field
Toast
Tooltip
Tree View
Patterns
An infinite canvas
Components
Segmented contol
Component
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.
Properties (Cooming Soon)
Design Systems (3)
Microsoft Fluent 2
Google Material
Carbon Design