DUCombobox

Forms

Filterable single-select combobox.

import { DUCombobox } from 'deri-ui';
Live preview
typescript
<DUCombobox label="Country" options={[{value:'et',label:'Ethiopia'}]} onChange={setVal} />

Props

PropTypeDefaultDescription
options{value,label}[]Options list
valuestringSelected value
onChange(value: string) => voidHandler
placeholderstringEmpty label

Usage

import { DUCombobox } from 'deri-ui';

<DUCombobox label="Country" options={[{value:'et',label:'Ethiopia'}]} onChange={setVal} />

Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.

Related

© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.