OptionRow

A full-width outlined row for choosing one option from a list: date format, reminder time, recognition language.

Consumer provides: the options (label and optional secondary line), the selected one.

Rules

• 48 dp (56 dp on the tablet or with a secondary line), 1 dp outline, radius-md, 8 dp apart.
• Selected: sage-selected fill, 2 dp forest outline, Bold label, trailing check. The secondary line switches from muted to ink on the selected fill (contrast).
• Optional leading element: a colour dot, a key badge, a stroke preview.
• Use for 3–10 options. Fewer and short → SegmentedControl or OptionChip; colours → ColorPicker.

Compose

Row(Modifier.selectable(selected, role = Role.RadioButton)) inside a Column(Modifier.selectableGroup()).

In the app

InkOptionRow implements these rules in a selectable group.

Preview