Command

<Card className="w-full p-0">
  <Command aria-label="Command menu">
    <SearchField aria-label="Search">
      <InputGroup>
        <InputGroupAddon>
          <SearchIcon />
        </InputGroupAddon>
        <Input placeholder="Type a command or search..." />
        <InputGroupAddon className="[--addon-button-inset:--spacing(2)]">
          <Button isIconOnly variant="quiet">
            <XIcon aria-hidden="true" />
          </Button>
        </InputGroupAddon>
      </InputGroup>
    </SearchField>
    <ListBox aria-label="Commands" onAction={() => console.log("action")}>
      <ListBoxSection>
        <ListBoxSectionHeader>Suggestions</ListBoxSectionHeader>
        <ListBoxItem textValue="Calendar">
          <CalendarIcon />
          <span>Calendar</span>
        </ListBoxItem>
        <ListBoxItem textValue="Search Emoji">
          <SmileIcon />
          <span>Search Emoji</span>
        </ListBoxItem>
        <ListBoxItem textValue="Calculator">
          <CalculatorIcon />
          <span>Calculator</span>
        </ListBoxItem>
      </ListBoxSection>
      <Separator />
      <ListBoxSection>
        <ListBoxSectionHeader>Settings</ListBoxSectionHeader>
        <ListBoxItem textValue="Profile">
          <UserIcon />
          <span>Profile</span>
          <Kbd>⌘P</Kbd>
        </ListBoxItem>
        <ListBoxItem textValue="Billing">
          <CreditCardIcon />
          <span>Billing</span>
          <Kbd>⌘B</Kbd>
        </ListBoxItem>
        <ListBoxItem textValue="Settings">
          <SettingsIcon />
          <span>Settings</span>
          <Kbd>⌘S</Kbd>
        </ListBoxItem>
      </ListBoxSection>
    </ListBox>
  </Command>
</Card>

<Command className="w-[300px]">
  <SearchField placeholder="Type a command..." />
  <ListBox>
    <ListBoxSection>
      <ListBoxSectionHeader>Actions</ListBoxSectionHeader>
      <ListBoxItem textValue="Create new file">Create new file</ListBoxItem>
      <ListBoxItem textValue="Create new folder">Create new folder</ListBoxItem>
      <ListBoxItem textValue="Open file">Open file</ListBoxItem>
    </ListBoxSection>
  </ListBox>
</Command>