ComponentServer-safe

Kbd

Compact keyboard shortcut labels for commands and interface hints.

Installation

Preview

Preview style
Open command menu⌘Kor/

Usage

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

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

API reference

PropTypeDefaultDescription
classNamestring—Overrides or extends the generated Tailwind classes.
disabledbooleanfalsePrevents user interaction when supported.