Shortcuts Dialog
A ? keyboard shortcuts dialog with searchable, grouped shortcuts rendered as platform-aware keycaps, plus an inline panel part.
Preview
Keyboard shortcuts
General
- Search
- Control K
- Show shortcuts
- ?
- Settings
- Control ,
- Close panel
- Esc
Navigation
- Go to inbox
- G, then I
- Go to projects
- G, then P
- Previous item
- ↑
- Next item
- ↓
Editing
- Bold
- Control B
- Italic
- Control I
- Strikethrough
- Control Shift X
- Save and close
- Control ↵
Issues
- New issue
- C
- Assign to me
- A
- Mark done
- Shift D
Press ? anywhere to open this list.
Or press ? anywhere on this page.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| groups | ShortcutGroup[] | — | { title, shortcuts: { keys, label }[] }. keys: "mod+k" combos, "g i" sequences. Required. |
| title | ReactNode | "Keyboard shortcuts" | Heading; names the dialog. |
| defaultQuery | string | "" | Start with a filter applied. |
| open / defaultOpen / onOpenChange | boolean / boolean / (open) => void | — / false / — | ShortcutsDialog visibility; pass a trigger as children. |
| hotkey | boolean | true | ShortcutsDialog. Open with "?", ignored while typing. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.