# Shortcut recorder

Record key combinations into key caps, with conflict warnings, Kbd, and a searchable cheatsheet.

- ID: `shortcut-recorder`
- Import: `animui/shortcut-recorder`
- Category: Inputs
- Runtime exports: `Kbd`, `ShortcutKbd`, `ShortcutKeys`, `ShortcutList`, `ShortcutRecorder`, `default`, `formatShortcut`, `keyId`, `matchesShortcut`, `normalizeShortcut`, `shortcutFromEvent`, `shortcutTokens`, `usePlatform`, `usePressedKeys`
- Declaration: `types/free/components/shortcut-recorder.d.ts`
- Type provenance: emitted-original-typescript
- Related: command-palette, input, tooltip, dropdown-menu, settings-page

```tsx
import { Kbd } from 'animui/shortcut-recorder';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info shortcut-recorder` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { Kbd, ShortcutKbd, ShortcutKeys, ShortcutList, ShortcutRecorder, default, formatShortcut, keyId, matchesShortcut, normalizeShortcut, shortcutFromEvent, shortcutTokens, usePlatform, usePressedKeys } from '../registry/components/shortcut-recorder/shortcut-recorder.js';
export type { KbdProps, Platform, ShortcutBinding, ShortcutKbdProps, ShortcutKeysProps, ShortcutListGroup, ShortcutListItem, ShortcutListProps, ShortcutRecorderProps, ShortcutToken } from '../registry/components/shortcut-recorder/shortcut-recorder.js';
```