# KeyboardHelp

> The keyboard cheat sheet `?` opens: a 640px dialog listing every shortcut on the page in titled groups, two columns wide where it fits.

```ts
import { KeyboardHelp } from "@sdxc/ui/app";
```

Renders the sheet: a modal dialog with its close control, heading, and one ShortcutList
per group in columns at least 16rem wide. Open it with its key, or from a button with
`commandfor={id} command="show-modal"`; load `@sdxc/ui/app/keyboard-help` in the browser entry.

## Examples

```tsx
<KeyboardHelp id="keys" labels={labels} groups={[{ title: "Navigation", shortcuts: [{ keys: "g m", label: "Go to Monitors" }] }]} />
```

## Props

Takes no props of its own.