Kbd
Displays keyboard shortcut keys in styled badges, showing users which keys to press to perform actions faster.
724 B
•Updated on August 21, 2026
Installation
Bash
pnpm dlx shadcn@latest add @spaceui/primitives-kbdUsage
Code
import { Kbd, KbdGroup } from '@/components/ui/kbd'Single key:
Code
<Kbd>K</Kbd>Multiple keys (key combination):
Code
<KbdGroup>
<Kbd>⌘</Kbd>
<Kbd>K</Kbd>
</KbdGroup>API Reference
Kbd
Displays a single keyboard key.
| Prop | Type | Default |
|---|---|---|
className | string |
KbdGroup
Groups multiple keyboard keys for key combinations.
| Prop | Type | Default |
|---|---|---|
className | string |