Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA searchable list of keyboard shortcuts with platform-aware key labels, also available as a dialog.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
| Prop | Type | Default | Description |
|---|---|---|---|
groups | ShortcutGroup[] | - | Shortcuts, grouped. Each group has a title and shortcuts. |
searchable | boolean | true | Show a search box that filters by action or key. |
platform | "mac" | "other" | "auto" | auto | Which key labels to draw. auto detects after hydration. |
searchPlaceholder | string | Search shortcuts | Placeholder and label of the search box. |
columns | 1 | 2 | 2 | Number of columns on wide containers. |
Also accepts all <div> props except children.
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | - | Controlled open state. |
defaultOpen | boolean | false | Initial open state. |
onOpenChange | (open: boolean) => void | - | Called when the dialog opens or closes. |
hotkey | string | null | ? | Key that toggles the dialog outside text fields. null turns it off. |
title | string | Keyboard shortcuts | Dialog heading. |
description | string | - | Line under the heading. |
className | string | - | Classes for the dialog panel. |
Also accepts every KeyboardShortcuts prop.
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | - | What the shortcut does. |
keys | string[] | - | Keys. Mod is Command on Mac and Ctrl elsewhere; Alt, Shift, Enter, Esc, arrows (Up...), Backspace, Tab and Space are named. |
sequence | boolean | - | Keys are pressed one after another instead of together. |
description | string | - | A second line of detail. |
Each key combination has a spoken form for screen readers, such as "Command plus K" or "G then I". The number of matches is announced while searching.