Command
A fast, keyboard-first command palette for searching and executing actions. Press ⌘K to open a global dialog.
$cookest-ui add command
Inline Command
An embedded command menu for recipe search.
No recipes found. Try a different search.
🍝 Pasta Carbonara⌘P
🍚 Risotto Milanese
🍜 Pad Thai
🌮 Beef Tacos
New Recipe⌘N
Saved Recipes
Settings⌘,
Command Dialog
The most common pattern — press ⌘K or click the button to open a global command palette.
or press ⌘K
| Prop | Type | Default | Description |
|---|---|---|---|
CommandInput | ReactNode | — | The search input — filters items in real time. |
CommandList | ReactNode | — | Scrollable container for groups and items. |
CommandGroup | ReactNode | — | Groups items with a label heading. |
CommandItem | ReactNode | — | A single selectable action/result. |
CommandEmpty | ReactNode | — | Shown when CommandList has no matching items. |
CommandShortcut | string | — | Keyboard shortcut displayed on the right. |
CommandDialog | ReactNode | — | A pre-styled Dialog wrapper for the full-screen palette. |