Kbd Component
Displays keyboard shortcuts and key combinations.
Basic
Display single keyboard keys.
Press
Enter
to submit
Key Combinations
Combine multiple keys to show shortcuts.
Ctrl
+
C
Copy
Ctrl
+
V
Paste
Ctrl
+
Z
Undo
With Symbols
Use symbols for Mac-style keyboard shortcuts.
Γîÿ
+
K
Open command palette
Γîÿ
+
⇧
+
P
Open command palette (alternative)
Γîÿ
+
B
Toggle sidebar
Usage Examples
Common keyboard shortcut displays.
Editor Shortcuts
Save
Ctrl
+
S
Find
Ctrl
+
F
Replace
Ctrl
+
H
Navigation
Go to line
Ctrl
+
G
Quick open
Ctrl
+
P
Arrow Keys
Use arrow keys to navigate:
←
Γåæ
Γåô
→
Accessibility
The Kbd component uses semantic <kbd> HTML elements
which are recognized by assistive technologies as keyboard input indicators.