Combobox
Autocomplete input with trigger, list, and option primitives.
Usage
import {Combobox, ComboboxInput, ComboboxList, ComboboxOption} from 'kinu';
<Combobox>
<ComboboxInput placeholder="Search" />
<ComboboxList>
<ComboboxOption>One</ComboboxOption>
</ComboboxList>
</Combobox>
Exports
| Name | Description | Rendered HTML |
|---|---|---|
| ComboboxInput | Search input | <input k="combobox-input"> |
| ComboboxList | Results list | <dialog k="combobox-list"> |
| ComboboxOption | Result option | Alias of Item |
| Combobox | Autocomplete input | — |
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | `string | number | readonly string[] |
| placeholder | string |
— | Placeholder text for the input. |
| onInput | (event: InputEvent) => void |
— | Change handler for controlled inputs. |
| disabled | boolean |
— | Disable the input. |
Static Shortcuts
Combobox.Input = ComboboxInputCombobox.List = ComboboxListCombobox.Option = Item
Notes
- Uses command/commandFor attributes for disclosure logic.
- Keep option counts manageable for usability.
_Source: src/components/combobox/index.tsx