Kbd
Kbd
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
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 HTML elements which are recognized by assistive technologies as keyboard input indicators.
API Reference
Component parameters and their types.
| Prop | Type | Default | Description |
|---|---|---|---|
| ChildContent | RenderFragment? | — | The key text or symbol to display. |
| Class | string? | — | Additional CSS classes. |