Kbd
Display keyboard keys and shortcuts in a visually distinct way.
Sizes
Three size variants for different contexts.
Small
Default
Large
Single Keys
Individual keyboard keys with proper styling.
Modifier Keys
Common modifier keys with symbols.
Arrow Keys
Navigation arrow keys.
Common Shortcuts
Frequently used keyboard shortcuts.
Function Keys
F1 through F12 function keys.
Complex Shortcuts
Multi-key combinations for advanced actions.
Windows Shortcuts
Common Windows keyboard combinations.
In Tooltip Context
Shortcuts displayed within button tooltips.
Special Characters
Keys for punctuation and special characters.
Text Editor Shortcuts
Common shortcuts for code editors.
Navigation
Editing
Inline Usage
Keyboard shortcuts within paragraph text.
Press ⌘ K to open the command palette, then type the command you want to run.
Use Tab to navigate between fields and Enter to submit the form.
Hold ⇧ while clicking to select a range of items, or ⌘ to select multiple individual items.
Press Esc at any time to close the current modal or cancel the operation.