Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React kbd - Command Palette Shortcut
A React keyboard shortcut displaying Cmd+K command palette using shadcn/ui KbdGroup for documenting universal search and command access
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Cmd+K is everywhere now. This React pattern shows the command palette shortcut using KbdGroup with Cmd and K keys in shadcn/ui Kbd components—the universal shortcut that opened search and command interfaces across VSCode, Linear, Slack, Notion, and hundreds of modern apps. Perfect for documenting your command palette, search interfaces, quick actions, or teaching users the one shortcut that unlocks everything.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Copy Shortcut
Ctrl+C copy shortcut
Complex Shortcut
Ctrl+Shift+P three-key combo
Save Shortcut
Cmd+S save shortcut
Command Palette
Full command palette component
Key Sequence
Sequential key presses
Dialog
Modal dialog component