Segment Control

A segmented control is a linear set of segments, each of which functions as a button that can display a different view. Use a segmented control to offer choices that are closely related but mutually exclusive. If there is content above the segmented controller, it is NOT affected by the controller. If you use this paradigm, be sure the content above the segmented controller applies to all segments.

Segment Control

Segment Control

Segment Control in Focus

Segment Control in Focus


Specs

Font, Color and Usage:

  • Default background fill: White (#FFFFFF)
  • Scope Bar background fill: Concur Blue (#0078C8)
  • Title: SF UI Text, 16 points, White (#FFFFFF)

Segment Control with redlines Segment Control without redlines

Redlines with Segment Control