Content switcher

Content switchers allow users to toggle between alternate views of similar or related content, showing only one content section at a time.

Content switchers allow users to toggle between two or more content sections within the same space on the screen.

segmented switch overview

Anatomy

segmented switch overview
  1. Component:
    - Background-color : color-grey-100
    - Stroke: color-grey-200
  2. Selected content tab. Only one content tab can be selected at a time, and one should always be selected.
    - Background-color : color-brand-400
    - Text: color-base-100 / button-regular
  3. Unselected content tab.
    - Background-color : color-grey-100
    - Text:color-brand-400 / paragraph-regular