---
category: navigation
---

# Command

Source: `components/ui/command.tsx`.

`Command` is a compound component. Its parts are exported **flat** (`CommandDialog`, not
`Command.Dialog`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `CommandDialog` | `React.ComponentProps<typeof Dialog> & {…}` |
| `CommandInput` | `React.ComponentProps<typeof CommandPrimitive.Input>` |
| `CommandList` | `React.ComponentProps<typeof CommandPrimitive.List>` |
| `CommandEmpty` | `React.ComponentProps<typeof CommandPrimitive.Empty>` |
| `CommandGroup` | `React.ComponentProps<typeof CommandPrimitive.Group>` |
| `CommandItem` | `React.ComponentProps<typeof CommandPrimitive.Item>` |
| `CommandShortcut` | `React.ComponentProps<'span'>` |
| `CommandSeparator` | `React.ComponentProps<typeof CommandPrimitive.Separator>` |

All parts accept `className` and are composed as children of `Command`.