Combobox

A searchable dropdown that filters options as you type.

Installation

Copy the command below and run it in your terminal.

bunx @sivir/ui add combobox

Usage

Import and use the Combobox components:

import * as Combobox from '$lib/sivir/components/combobox';

let selected = $state('next');

<Combobox.Root>
  <Combobox.Trigger>{selected}</Combobox.Trigger>
  <Combobox.Content>
    <Combobox.Item value="next" label="Next.js" callback={() => (selected = 'next')} />
  </Combobox.Content>
</Combobox.Root>

Examples

Basic usage