React · SwiftUI · agent guides
Key
A big key standing on its skirt, the Keycap as a gadget draws it: a lit face with an engraved glyph, and its own shadow. Pressed, the face drops into the skirt. The key you would press wears the accent.
Use it for
- The keys of a gadget that stands for commands or shortcuts (the keycap chord).
- The key a person would press: give that one the accent, and only that one.
Don't use it for
- Showing a shortcut in the interface. That is the inline Keycap (Kbd), a readout that is never pressed.
- A button. A gadget is never a control; wrap it in a Button to operate it.