Combobox

A filterable select with typeahead.

import { BuiCombobox } from 'ng-blatui';

<bui-combobox [(value)]="framework" [options]="frameworks" />
// frameworks = [{ value: 'ng', label: 'Angular' }, ...]

Preselected

<bui-combobox [value]="'ng'" [options]="frameworks" />

Disabled

<bui-combobox [options]="frameworks" [disabled]="true" placeholder="Disabled" />

Statuses

<!-- ComboboxOption now takes an optional icon (SVG path d) -->
<bui-combobox [options]="statuses" placeholder="Set status…" />
// statuses = [{ value: 'todo', label: 'Todo', icon: 'M12 22a10…' }, …]

Non-searchable

<!-- [searchable]="false" makes it open the full list like a select -->
<bui-combobox [options]="opts" [searchable]="false" placeholder="Pick one" />

Multiple

<!-- [multiple]="true" binds an array via [(values)]; toggles, stays open, checks -->
<bui-combobox [multiple]="true" [(values)]="picked" [options]="frameworks" />
// picked = signal<string[]>([])