Function CommandDialog

CommandDialog(
    props: DialogProps & {
        className?: string;
        description?: string;
        showCloseButton?: boolean;
        size?: "default" | "lg" | "md";
        title?: string;
    },
): Element
Command palette displayed in a modal dialog.
Parameters
- props: DialogProps & {
      className?: string;
      description?: string;
      showCloseButton?: boolean;
      size?: "default" | "lg" | "md";
      title?: string;
  }
  Dialog props plus title, description, and layout options
Returns Element
A modal command palette
Remarks
Combines Command with Dialog for a modal command palette experience. Includes accessible title and description for screen readers.
Example
```
<CommandDialog open={open} onOpenChange={setOpen}>
  <CommandInput placeholder="Type a command..." />
  <CommandList>
    <CommandEmpty>No results found.</CommandEmpty>
    <CommandGroup heading="Commands">
      <CommandItem>Profile</CommandItem>
      <CommandItem>Settings</CommandItem>
    </CommandGroup>
  </CommandList>
</CommandDialog>
```
See
Command for non-modal variant
- Defined in ui/command.tsx:86