Kbd

Displays keyboard keys and shortcuts with a native key-cap appearance.

Preview

Single KeysCtrlShiftEnterEsc
Keyboard ShortcutsCmd+KCtrl+Shift+P

Usage

tsx
import { Kbd } from "@semajsx/ui/components/kbd";

<Kbd>Ctrl</Kbd>

<p>
  Press <Kbd>Cmd</Kbd> + <Kbd>K</Kbd> to open the command palette.
</p>

Props

PropTypeDefaultDescription
childrenJSXNode—Key label