Combobox

# Combobox

A combobox is a searchable Select pattern that allows users to filter through options by typing in the search input field.

> **Info:** Combobox is documented as a Select capability, not as a separate installable component. It is built with the [Select](/docs/components/select) component and the `SelectSearch` sub-component. For full API documentation see the [Select component page](/docs/components/select).

## Example

```astro
---
import { Select, SelectContent, SelectGroup, SelectItem, SelectSearch, SelectTrigger, SelectValue } from "@/components/starwind/select";
---

<Select id="combobox-demo" name="framework">
  <SelectTrigger class="w-[240px]">
    <SelectValue placeholder="Select a framework" />
  </SelectTrigger>
  <SelectContent>
    <SelectSearch placeholder="Search frameworks..." emptyText="No frameworks found." />
    <SelectGroup>
      <SelectItem value="astro">Astro</SelectItem>
      <SelectItem value="next">Next.js</SelectItem>
      <SelectItem value="svelte">SvelteKit</SelectItem>
      <SelectItem value="solid">SolidStart</SelectItem>
      <SelectItem value="remix">Remix</SelectItem>
      <SelectItem value="nuxt">Nuxt</SelectItem>
      <SelectItem value="angular">Angular</SelectItem>
      <SelectItem value="vue">Vue</SelectItem>
    </SelectGroup>
  </SelectContent>
</Select>
```

## Installation

Install `select` to use the Combobox pattern. There is no separate `combobox` install target.

```bash
npx starwind@latest add select
```