Combobox

Autocomplete with a suggestion list. Open, type, select, and chips.

Preview

Framework

Frameworks

Next.js

Installation

$ pnpm dlx shadcn@latest add https://stylexcn.vercel.app/r/combobox.json

$ pnpm dlx shadcn@latest add @stylexcn/combobox

Usage

<Combobox items={frameworks}>
  <ComboboxInput placeholder="Select a framework" />
  <ComboboxContent>
    <ComboboxEmpty>No items found.</ComboboxEmpty>
    <ComboboxList>
      {(item) => (
        <ComboboxItem key={item} value={item}>
          {item}
        </ComboboxItem>
      )}
    </ComboboxList>
  </ComboboxContent>
</Combobox>