Feedback Dialog
Dialogs
Source and install need .
pnpm dlx shadcn@latest add @assembli/shortcuts-dialogShortcuts Dialog
The keyboard shortcuts sheet: press ? anywhere to open it, then filter by action or by keys ("⌘K", "g i"). Groups flow into two columns, chords render as keycaps (⌘⇧K on Mac, Ctrl + Shift + K on Windows), sequences read "G then I", and every binding has a spoken label. Mac or Windows keys are detected, with a switch. Also exports KeyCombo.
Props
Other props pass through to the root element.
groups*
ShortcutGroup[]
trigger
React.ReactElement
The element that opens the dialog, e.g. a "Keyboard shortcuts" menu item.
open
boolean
defaultOpen
boolean
Default
falseonOpenChange
(open: boolean) => void
hotkey
string | null
Default
"?"A key that opens the dialog from anywhere outside a text field.
nullturns it off. Defaults to"?".title
React.ReactNode
Default
"Keyboard shortcuts"description
React.ReactNode
Default
"Move faster without leaving the keyboard."platform
Platform
Forces Mac or Windows keys. Defaults to the reader's platform, with a switch in the header.
hidePlatformSwitch
boolean
Hides the Mac / Windows switch.
className
string
| Prop | Type | Default | Description |
|---|---|---|---|
| groups* | ShortcutGroup[] | – | |
| trigger | React.ReactElement | – | The element that opens the dialog, e.g. a "Keyboard shortcuts" menu item. |
| open | boolean | – | |
| defaultOpen | boolean | false | |
| onOpenChange | (open: boolean) => void | – | |
| hotkey | string | null | "?" | A key that opens the dialog from anywhere outside a text field. null turns it off. Defaults to "?". |
| title | React.ReactNode | "Keyboard shortcuts" | |
| description | React.ReactNode | "Move faster without leaving the keyboard." | |
| platform | Platform | – | Forces Mac or Windows keys. Defaults to the reader's platform, with a switch in the header. |
| hidePlatformSwitch | boolean | – | Hides the Mac / Windows switch. |
| className | string | – |
