PenPresetRow

A row describing one of the five pen presets by showing it: a dotted-paper tile with the pen's actual stroke, then its type, colour name and width.

Consumer provides: pen type, colour, width; the row's order is the tool-bar order.

Rules

• Leading st-paper tile (72 × 40 phone, 80 × 40 tablet) with the stroke in the preset's colour and width; highlighters as a translucent band.
• Text: type Medium, then "Black · 0.75 pt" in muted. Colour names, never hex.
• Settings: tapping the row selects the preset; the trailing "Edit ›" in forest opens Edit preset, which returns to Settings.
• Editor preset popover: tapping the row selects the preset; the trailing pen button edits it.
• No numbers: order is the list order; the accessible label says "Pen 3 of 5".
• Rows divided by 1 dp sage lines, no boxes.

In the app

PenPresetList.

• Rows are in tool-bar order.
• The active row has the selected style and a check.
• Tapping a row selects the preset everywhere.
• Edit preset is an editor-width dialog titled “Edit preset”. Its subtitle repeats the type, colour and width.

Preview