Core Elements
Kbd
Displays a keyboard key or shortcut, e.g. inside a search input.
Usage
⌘K
Installation
npm install @wunderui/reactThen import what you need:
import { Kbd, KbdGroup } from "@wunderui/react"Examples
Single key
One shortcut on its own.
⌘K
Combination
Several keys joined with +.
Ctrl+Shift+P
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Keyboard shortcuts panel
A list of actions with their keyboard shortcuts.