Docs
Kbd
Kbd
Displays which key or combination of keys performs a given action.
⌘KShow command menu
⌘CCopy
⌘VPaste
⌘ZUndo
Installation
pnpm dlx cross-env REGISTRY_URL=https://ui-x.junwen-k.dev/r pnpm dlx shadcn@latest add kbd
Usage
import { Kbd } from "@/components/ui/kbd"<Kbd>K</Kbd>Examples
Default
⌘KShow command menu
⌘CCopy
⌘VPaste
⌘ZUndo
Secondary
⌘KShow command menu
⌘CCopy
⌘VPaste
⌘ZUndo
Outline
⌘KShow command menu
⌘CCopy
⌘VPaste
⌘ZUndo