Content
One canon-kbd per shortcut, written as the platform writes it. Sequences are several, with words between.
Single keys
Shortcuts
Sequences
G then I opens the inbox.
A keyboard key or shortcut, in text, in a tooltip or on a button. Specification: docs/components/kbd.md
data-size sm, md and lg, then without it.
One canon-kbd per shortcut, written as the platform writes it. Sequences are several, with words between.
G then I opens the inbox.
Press ⌘K to search, or Esc to close any panel.
Larger text, larger keys: press ⌘K to search.
Shown open. After the text, apart from it.
After the label and trailing icon. The shortcut is not part of the button's name: add aria-keyshortcuts to the button when the shortcut works.
The key takes its colors from the text around it, so it stays readable on gray panels and inside colored buttons.
On a gray panel: press ⌘K to search.
The keys stay in their own order inside right-to-left text.
اضغط ⌘K للبحث، أو Ctrl Shift P للأوامر.
Lines break between keys, never inside one.
Use Ctrl Shift Alt Delete and then Ctrl Alt Backspace to reset.