kbd
A component for displaying keyboard shortcuts and key combinations.
Powered by
⌘+K
Installation
npx kibo-ui@latest add kbd
Features
- Compound component for displaying keyboard shortcuts
- Aria label intellisense for modifier keys
- Customizable separator between keys
- Monospace font styling for consistent key display
- Flexible styling through className props
- Support for both single keys and key combinations
Examples
In Text
Press ⌘+K to open the command palette.
With Custom Separator
⌘K