Actions Menu
Menus
Source and install need .
pnpm dlx shadcn@latest add @assembli/create-menuCreate Menu
The "New" button of a productivity app: a primary trigger that opens everything you can create, each with a tinted icon tile, a one-line description and a single-key shortcut that creates it while the menu is open. "From template" and "Import" submenus, and a page-wide hotkey (C) that opens the menu from anywhere. Keyboard and typeahead from Base UI.
Props
Other props pass through to the root element.
items
CreateItem[]
Default
DEFAULT_ITEMStemplates
CreateTemplate[]
Default
DEFAULT_TEMPLATES"From template" submenu. Pass
[]to hide it.imports
CreateTemplate[]
Default
DEFAULT_IMPORTS"Import" submenu. Pass
[]to hide it.label
string
Default
"New"Trigger text.
hotkey
string | false
Default
"c"A key that opens the menu from anywhere on the page, or
false.onCreate
(id: string, source: CreateSource) => void
onBrowseTemplates
() => void
Called by "Browse all templates".
open
boolean
defaultOpen
boolean
Default
falseonOpenChange
(open: boolean) => void
| Description | |||
|---|---|---|---|
| items | CreateItem[] | DEFAULT_ITEMS | |
| templates | CreateTemplate[] | DEFAULT_TEMPLATES | "From template" submenu. Pass |
| imports | CreateTemplate[] | DEFAULT_IMPORTS | "Import" submenu. Pass |
| label | string | "New" | Trigger text. |
| hotkey | string | false | "c" | A key that opens the menu from anywhere on the page, or |
| onCreate | (id: string, source: CreateSource) => void | – | |
| onBrowseTemplates | () => void | – | Called by "Browse all templates". |
| open | boolean | – | |
| defaultOpen | boolean | false | |
| onOpenChange | (open: boolean) => void | – |
