React · SwiftUI · agent guides
Keycap
A key's glyph on a small raised cap, in the readout role: 20 tall (16 in a footer), on a light surface, a graphite strip, or sunk into a toast's Undo.
Use it for
- Showing the key for an action: a search well's ⌘K, a palette footer (↑↓ move · ↩ open), a toast's Undo ⌘Z, a tooltip's Select · V.
Don't use it for
- Buttons. A keycap is shown, never pressed.
- Words or long shortcuts. Glyphs only: ⌘ ⌥ ⇧ ⌃ ⎋ ↩ ⌫ ↑ ↓ and single letters; one cap per key.