data-display / stable
Kbd
Keycap for showing keyboard shortcuts; KbdGroup renders a platform-aware shortcut.
LIVE PREVIEW
Loading preview…
When to use
- Shortcuts in tooltips, menus, the command palette and the ? help sheet.
Consider an alternative
- Code or values — use `<code>`.
- Primary instructions — shortcuts are an accelerator, not the only way.
Import
import { Kbd } from '@revido-llc/kit';Props
Props documented by the Kit. Refer to the TypeScript types for the complete interface, including inherited props.
Related exports
KbdGroup
Examples
Shortcuts
`mod` is ⌘ on mac and Ctrl elsewhere.
<KbdGroup shortcut="mod+k" />Single keys
<Kbd>J</Kbd> <Kbd>K</Kbd>In a menu item
<span>Search</span>
<KbdGroup shortcut="mod+k" />