Command

import { Command } from "@/components/ui/command";

export function CommandExample() {
  return (
    <Command.Root>
      <Command.Input placeholder="Type a command or search..." />
      <Command.List>
        <Command.Empty>No results found.</Command.Empty>
        <Command.Group heading="Actions">
          <Command.Item>
            <span>New File</span>
            <Command.Shortcut>⌘N</Command.Shortcut>
          </Command.Item>
          <Command.Item>
            <span>Copy Link</span>
            <Command.Shortcut>⌘C</Command.Shortcut>
          </Command.Item>
        </Command.Group>
      </Command.List>
    </Command.Root>
  );
}

<Command.Root>
  <Command.Input />
  <Command.List>
    <Command.Empty />
    <Command.Group heading="...">
      <Command.Item>
        <Command.Shortcut />
      </Command.Item>
      <Command.Separator />
    </Command.Group>
  </Command.List>
</Command.Root>

<Command.Dialog open={open} onOpenChange={setOpen}>
  <Command.Input placeholder="Search..." />
  <Command.List>
    <Command.Item>Action</Command.Item>
  </Command.List>
</Command.Dialog>