Segmented Controls may be used to group between multiple selections.
The controls display the current state and related state. Create layout to convey clear sense of information hierarchy.
When a control is engaged, information below the control should get updated.
Segmented Controls are naive components, meaning you need to wire up the behavior when you click on an item. If you'd like the tabs to control hiding or showing content, that state should live in a parent component.
Segmented Controls can have responsive widths where the width of an item is based on its content.