# Keyboard key

A key cap for shortcuts: ⌘K in the command palette trigger, Esc in sheet headers, arrows in menu hints.

- **Group:** Small primitives · **family:** `base` · **shadcn:** composed
- **Build:** Plain `<kbd>` styled by the kit.
- **In apps/admin today:** Not a shared component.
- **Client component:** no. 

## Content rules

- Use symbols on macOS (⌘), words elsewhere (Ctrl).

## Do

- Show shortcuts only where they exist.

## Don't

- Show key caps on the phone.

## Accessibility

- **ARIA:** Use `<kbd>`; spell the shortcut in `aria-keyshortcuts` on the control it triggers.
- **Keyboard:** Not focusable.
- **Focus:** None.

## Tokens

`--font-code` `--w-medium` `--text-11` `--border` `--muted` `--muted-foreground` `--primary-foreground`

## Files

`kbd.html` live specimen · `kbd.css` kit rules · `kbd.d.ts` props · full page: `docs/components/kbd/` (phone: `m/`).