# Command Menu (/popups/command-menu)





<ComponentPreview name="command-menu-preskok-demo" description="Command menu with search and grouped items." />

## Installation [#installation]

```bash
npx shadcn@latest add @preskok/command-menu
```

## Usage [#usage]

```tsx
import {
  CommandMenu,
  CommandMenuFooter,
  CommandMenuItem,
  CommandMenuList,
  CommandMenuSearch,
  CommandMenuSection,
} from "@/components/ui/preskok-ui/command-menu"

export function CommandMenuDemo() {
  return (
    <CommandMenu isOpen aria-label="Command" shortcut="k">
      <CommandMenuSearch />
      <CommandMenuList>
        <CommandMenuSection label="General">
          <CommandMenuItem>Open</CommandMenuItem>
          <CommandMenuItem>Save</CommandMenuItem>
        </CommandMenuSection>
      </CommandMenuList>
      <CommandMenuFooter>Press Command+K to open</CommandMenuFooter>
    </CommandMenu>
  )
}
```