Kbd

Displays keyboard input or shortcuts.

⌘KCtrlC

Installation

pnpm dlx shadcn@latest add https://8bit.cnlibs.com/r/kbd.json

Usage

import { Kbd, KbdGroup } from "@/components/ui/kbd";

<div className="flex flex-col items-center gap-4">
  <KbdGroup>
    <Kbd>⌘</Kbd>
    <Kbd>K</Kbd>
  </KbdGroup>
  <KbdGroup>
    <Kbd>Ctrl</Kbd>
    <Kbd>C</Kbd>
  </KbdGroup>
</div>