Data input

Combobox

Themed autocomplete combobox with built-in filtering, async search support, and free-text mode.

03

Import

#import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjComboboxComponent } from '@kouji-ui/components';
04

Playground

#playground
options
<kj-combobox
  placeholder="Pick a framework…"
>
  <kj-combobox-option [value]="'angular'">Angular</kj-combobox-option>
  <kj-combobox-option [value]="'react'">React</kj-combobox-option>
  <kj-combobox-option [value]="'vue'">Vue</kj-combobox-option>
  <kj-combobox-option [value]="'svelte'">Svelte</kj-combobox-option>
  <kj-combobox-option [value]="'solid'">Solid</kj-combobox-option>
</kj-combobox>