SegmentedControl

A row of buttons that behaves as one exclusive choice and draws as a single pill

Properties

  • ID: SegmentedControl
  • Path: components/buttons/SegmentedControl
  • Tags: button, segmented, pill, radio, exclusive, input
  • Modes: editor-modes, two-segments, one-segment, many-segments, icons, long-labels, disabled-middle, disabled-current, all-disabled, right-to-left, coloured-segment

Modes

editor-modes

SegmentedControl in editor-modes mode
SegmentedControl in editor-modes mode

two-segments

SegmentedControl in two-segments mode
SegmentedControl in two-segments mode

one-segment

SegmentedControl in one-segment mode
SegmentedControl in one-segment mode

many-segments

SegmentedControl in many-segments mode
SegmentedControl in many-segments mode

icons

SegmentedControl in icons mode
SegmentedControl in icons mode

long-labels

SegmentedControl in long-labels mode
SegmentedControl in long-labels mode

disabled-middle

SegmentedControl in disabled-middle mode
SegmentedControl in disabled-middle mode

disabled-current

SegmentedControl in disabled-current mode
SegmentedControl in disabled-current mode

all-disabled

SegmentedControl in all-disabled mode
SegmentedControl in all-disabled mode

right-to-left

SegmentedControl in right-to-left mode
SegmentedControl in right-to-left mode

coloured-segment

SegmentedControl in coloured-segment mode
SegmentedControl in coloured-segment mode
  • ActivityOrbWidget - Central activity indicator with concentric rings for discovery/pairing/comms
  • AssociateListItemWidget - Single associate row for use in associate lists showing trust, channels, and...
  • CapabilityDescriptionWidget - Displays capabilities granted at each trust level
  • CarSteeringWidget - Virtual steering wheel with throttle control for vehicles

In this section
Topics
widget-reference button segmented pill radio exclusive input
See also