Components

Command

Command palette (cmdk) with search, groups, items, shortcuts, and empty state. Compose with CommandDialog for a ⌘K-style modal launcher.

Updated Jul 10, 2026 by Leonardo Posada

Variants

<Command className="rounded-lg border shadow-md">
  <CommandInput placeholder="Type a command…" />
  <CommandList>
    <CommandEmpty>No results.</CommandEmpty>
    <CommandGroup heading="Suggestions">
      <CommandItem>Create rule <CommandShortcut>⌘K R</CommandShortcut></CommandItem>
      <CommandItem>Search transactions</CommandItem>
    </CommandGroup>
  </CommandList>
</Command>

When to use

  • ⌘K launcher for the whole app.
  • Autocomplete field for a big filterable list.

When not to use

  • Small dropdown menus — use DropdownMenu.
  • Structural navigation — use Sidebar.

Usage

Do
  • Group commands with clear headings.
  • Provide keyboard shortcuts on high-frequency commands.
Don't
  • Don't nest palettes.
  • Don't hide the search input.