Command Menu

A `cmdk`-powered quick-launch overlay for route jumps and operator shortcuts.

Preview & Interactive Laboratory

Global Trigger
Ctrl/Cmd + K

Use the button below to dispatch the same keyboard shortcut that the component listens for. The live overlay is mounted on this docs page.

Usage & Implementation

import { CommandMenu } from "@/components/dashboard/command-menu"

<CommandMenu />
React / Tailwind

Granular Customization

1

Overlay

Controls the backdrop blur and modal positioning.

className={`className`}
2

Command Items

Update the available destinations inside the grouped action list.

className={`CommandItem onSelect={...}`}
3

Hotkey

The menu opens on Ctrl/Cmd + K from a document-level keyboard listener.

className={`KeyboardEvent handler`}

API Reference (Props)

PropTypeDefaultDescription
classNamestring-Extends the overlay wrapper.