ListCard

A 72 dp outlined row for things you open or act on: topics, saved meeting notes, Webcal subscriptions, destinations in dialogs.

Consumer provides: leading icon, title, one metadata line, and a trailing chevron (opens) or ⋮ (item actions).

Rules

• 1 dp outline, radius-md, 8 dp apart; title Medium, metadata muted with tabular numerals.
• Active (its ⋮ menu is open): sage-selected fill, 2 dp forest outline, the ⋮ in its selected state, and the Menu hangs from that ⋮. This is how the user knows what the menu belongs to.
• Metadata is human: "Edited 5 Nov 2026, 19:31 · 1 page".

In the app

InkDestinationRow is the destination card.

• Full width, at least 72 dp tall.
• A leading 24 dp icon, a wrapping title and a trailing chevron.
• The whole card is one target.
• A card with item actions has a trailing ⋮ instead of the chevron.
• While active, its metadata turns ink.
• Label/value rows (InkLabelValueRow) use a 120 dp label column, a 16 dp gutter and a shared baseline.

Preview