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

two-segments

SegmentedControl in two-segments mode

one-segment

SegmentedControl in one-segment mode

many-segments

SegmentedControl in many-segments mode

icons

SegmentedControl in icons mode

long-labels

SegmentedControl in long-labels mode

disabled-middle

SegmentedControl in disabled-middle mode

disabled-current

SegmentedControl in disabled-current mode

all-disabled

SegmentedControl in all-disabled mode

right-to-left

SegmentedControl in right-to-left mode

coloured-segment

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

SegmentedControl

Topics

widget-reference button segmented pill radio exclusive input

See also

Buttons widgets - Back to category
ActivityOrbWidget - Central activity indicator with concentric rings for...
AssociateListItemWidget - Single associate row for use in associate lists showing...
CapabilityDescriptionWidget - Displays capabilities granted at each trust level
CarSteeringWidget - Virtual steering wheel with throttle control for vehicles