Kbd

Displays keyboard shortcut keys with proper styling.

shadcn/ui docs →

Preview

⌘KCtrlCEscEnterTab

Installation

terminal
$
Other package managers 
bunx --bun shadcn@latest add https://trents.tech/r/kbd.json

Usage

example.tsx
import { Kbd, KbdGroup } from "@/components/ui/kbd"

<KbdGroup>
  <Kbd>⌘</Kbd>
  <Kbd>K</Kbd>
</KbdGroup>

<KbdGroup>
  <Kbd>Ctrl</Kbd>
  <Kbd>C</Kbd>
</KbdGroup>

<Kbd>Esc</Kbd>
0