Planchet

Components

Menu

Design 1.0.0, Built 1.0.0. Figma: not linked yet

Spec

Header menus, row ⋯ menus and the account switcher.

Rules

  • surface-raised, radius lg, shadow-float, popup layer; at least 15rem wide and at most 18rem tall.
  • Items in row-secondary; the highlighted item in surface-accent-subtle. Group labels in label style.
  • Dividers separate kinds of action, with 6px above and below.
  • A danger item (Delete) is neutral at rest with the trash icon, surface-error with text-error when highlighted.
  • Choices that are settings use menu radio items with a ✓ (Appearance).

Built 1.0.0

The app's own component, version 1.0.0, live. Fake data; nothing is saved.

Changes

  1. 1.0.0, Oct 2 2026: Menus with dividers, radio items and a danger item.