A
Auralix UI

Combobox

Autocomplete input and command palette with a list of suggestions.

Preview

Installation

bash
npx auralix-ui add combobox

Usage

Default Combobox

tsx
import { Combobox } from "@/components/ui/Combobox";

<Combobox
  options={[
    { value: "next.js", label: "Next.js" },
    { value: "sveltekit", label: "SvelteKit" },
    { value: "astro", label: "Astro" },
  ]}
/>

Props

NameTypeDefaultDescription
options{ value: string, label: string }[][]Options to display.
valuestring-Selected value.

Variants

Standard
With Label
Large List
ToggleCalendar