Kbd
A keyboard shortcut badge styled with a raised border-bottom to mimic a physical key. Pass children for a single key or a keys array for a combination. Renders a semantic <kbd> element.
Single key
Wrap any key label in Kbd for a styled keyboard badge with a raised border-bottom.
⌘⇧⌥⌃EnterEscapeTabSpace↑↓←→
Key combinations
Pass a keys array to render a group of keys automatically spaced.
Save⌘S
Command palette⌘K
Select all⌘A
Undo⌘Z
Copy line⇧⌥↓
In context
Commonly used inline with help text or tooltips.
Press ⌘K to open the command palette, or Escape to close any open panel.
Dark mode
Press ⌘K to search. Use ↑ ↓ to navigate and Enter to select.