SegmentedControl

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

Properties

Property	Value
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

SegmentedControl in editor-modes mode

SegmentedControl in two-segments mode

SegmentedControl in one-segment mode

SegmentedControl in many-segments mode

SegmentedControl in icons mode

SegmentedControl in long-labels mode

SegmentedControl in disabled-middle mode

SegmentedControl in disabled-current mode

SegmentedControl in all-disabled mode

SegmentedControl in right-to-left 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 vehicle robots

In this section

Topics

widget-reference button segmented pill radio exclusive input