GitHub

Go to...

Choose a page to open.

Displays a key or a combination of keys.

Kbd

kbd-demo

Installation

pnpm dlx shadcn@latest add https://ui.n2020.com/r/kbd.json

Usage

import {
  Kbd,
  KbdGroup,
} from "@/components/ui/kbd";
<KbdGroup>
  <Kbd>Ctrl</Kbd>
  <Kbd>K</Kbd>
</KbdGroup>

Examples

Button

Put a Kbd inside a button to show its shortcut.

kbd-button