OptionChip

A 40 dp chip for choosing one (or a few) short options in a wrapping row: quick due dates, search filters.

Consumer provides: the options, the selected one(s), single or multi choice.

Rules

• 40 dp visual inside a 48 dp target; 8 dp gaps both ways when wrapping.
• Selected: sage-selected fill, 2 dp forest outline, leading check, Bold. All four, so it survives grayscale.
• Labels are one or two words. More than ~6 options or long labels → OptionRow list.
• Exposed as a radio group (single) or check boxes (multi).

Compose

FilterChip with selected, leadingIcon = check when selected, border = BorderStroke(if (selected) 2.dp else 1.dp, …), shape = RoundedCornerShape(8.dp).

In the app

InkOptionChip implements these rules with radio semantics.

Preview