Combobox
A searchable dropdown that filters options as the user types, with single-select and multi-select (pill chip) modes.
Installation
npx dafink-ui add comboboxDemo
Type to filter. Kotlin is disabled.
TypeScriptPython
Backspace on empty input removes the last chip.
Props
| Name | Type | Default | Description |
|---|---|---|---|
| options | ComboboxOption[] | - | Array of { value, label, disabled? } objects. |
| value | string | string[] | undefined | Controlled selected value. |
| onChange | (value: string | string[]) => void | undefined | Called when selection changes. |
| multiple | boolean | false | Enables multi-select mode with pill chips. |
| placeholder | string | 'Search…' | Placeholder shown in the input. |
| label | string | undefined | Visible label above the input. |
| hint | string | undefined | Helper text below the input. |
| error | string | undefined | Error message; switches input to error state. |
| size | 'sm' | 'md' | 'md' | Input size. |
| disabled | boolean | false | Prevents all interaction. |
| className | string | '' | Additional classes on the root wrapper. |