Keyboard shortcut
Native kbd elements for keys and shortcuts. Use it wherever you tell someone what to press: help text, menus, tooltips.
bunx --bun shadcn@4.17.0 add @waimakers/kbd- npm dependencies
- None
From the registry
Native kbd elements for keys and grouped shortcuts. A quiet flat surface without elevation.
Examples
Keys
Single keys on a quiet flat surface.
⌘CtrlShiftEnterEscK
Shortcuts
KbdGroup joins the keys of one shortcut.
- Search the kit
- ⌘K
- Send message
- ⌘Enter
- Close panel
- Esc
In a sentence
Keys read inline with body text.
Press Tab to move to the next field, or Shift Tab to go back. Esc closes the sheet without saving.
In a tooltip
Inside a tooltip the keys invert with it. Hover or focus the button.