Command

Overview

A searchable command list built on cmdk and dressed as the kit's menu — the same surface-container panel and 44px state-layer rows as DropdownMenu, driven by cmdk's highlight model instead of DOM focus. Use it inline (in a popover, a sidebar) or as the classic command palette via CommandDialog.

$ npx morpha-ui add command

Examples

Command palette (⌘K)

CommandDialog mounts the list in a Dialog at palette position. Press ⌘K (or Ctrl K) or click the button.

Installation

Morpha UI components are distributed via the Morpha CLI: npx morpha-ui add command. In the meantime, since this is the base shadcn component, you can also add it directly:

npx shadcn@latest add command

API Reference

Prop

Type

Accessibility

cmdk exposes the list as a listbox with aria-selected on the highlighted row; typing filters, Arrow keys navigate, Enter selects.
CommandDialog includes a visually hidden title and description — override them with the title/description props to describe your palette.