Key chip
Spec
A key on the keyboard, shown inside a sentence. Kbd in code, Figma 32:1351.
Rules
- surface-raised, 1px border, radius xs (2px), padding 2px, keyboard-shortcut text style in text-secondary.
- At least 16px wide, so one character is a square; longer keys hug their text.
- No label of its own: a screen reader reads the key as part of the sentence.
- Used in the entry-row hint, the "/" in search, the shortcuts dialog and its tooltip.
Built 1.0.0
The app's own component, version 1.0.0, live. Fake data; nothing is saved.
Changes
- 1.0.0, Oct 6 2026: Kbd, Figma 32:1351. (#28)