SegmentedControl
A 48 dp row of 2–4 equal segments for a mutually exclusive setting: spacing, priority, Alert as.
Consumer provides: the segments (one or two words each) and the selected one.
Rules
- One 1 dp
outlinegroup with 1 dp separators,radius-mdoutside. - Selected segment:
sage-selectedfill, check, Bold. No inner outline (the group already has one). - More than 4 options or labels that don't fit at 360 dp / font scale 1.3 → OptionRow list.
Compose
M3 SingleChoiceSegmentedButtonRow restyled: 48 dp height, 8 dp outer corners, selected container sageSelected, icon = check.
In the app
InkSegmentedControl.
- One 48 dp group of 2–4 segments.
- Options that need more segments, or labels that do not fit at 360 dp / 1.3× font scale, use OptionRow.
Preview
2–4 equal segments