Kbd
Keyboard keys and shortcut chords.
shadcn/ui · new-york-v4 · synced Aug 29, 2026shadcn/uinew-york-v4 · synced Aug 29, 2026
Installation
import { Kbd, KbdGroup } from "@aspyn-io/kit";Single key
Esc
Key chord
Group keys with KbdGroup to describe a shortcut like ⌘K or Ctrl+Shift+P.
⌘K
Inline in text
Press / to search, or ⌘K for the palette.
Notes
- Renders a semantic <kbd> element and inherits type styles, so it sits naturally inside prose, buttons, and menu rows.
- For a command palette, pair with Command / CommandDialog; for menu row hints, CommandShortcut and *MenuShortcut are the lighter-weight text style.