generated:catalog.entry.combobox.title
generated:catalog.entry.combobox.description
@xngui/components/combobox@xngui/components/comboboxchrome:demo.section
chrome:demo.preview
Value: —
import { Component } from '@angular/core';
import { XCombobox } from '@xngui/components/combobox';
import { XForm } from '@xngui/components/form';
import { XFormField } from '@xngui/components/form-field';
@Component({
selector: 'app-example',
imports: [XCombobox, XForm, XFormField],
templateUrl: './combobox.component.html',
})
export class ExampleComponent {}
chrome:demo.events.title
chrome:demo.events.empty
chrome:demo.api.title
x-combobox
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
dataSourceXComboboxDataSource—Option pipeline — XDataSource for static, remote, or filtered lists.
sizeXSize—Visual size tier — falls back to XConfigService when unset.
densityXDensity—Spacing offsets — orthogonal to `size`; falls back to XConfigService when unset.
lookXFormLook—Field chrome — outline, fill, flat, or none; falls back to XForm then XConfigService.
placeholderstring—Placeholder text in the search field.
debounceMsnumber300Debounce duration in milliseconds before filtering options.
maskXTextMaskInput—As-you-type mask on the search field — preset, Maskito options, or config with `unmask`. Query text stays unmasked (digits-only for presets).
disabledbooleanfalsePrevents interaction and sets `aria-disabled` on the search field.
readonlybooleanfalseValue-only input — user cannot change when true.
invalidbooleanfalseMarks the control invalid for styling and ARIA.
requiredbooleanfalseMarks the control as required for validation and ARIA.
namestring''Native form control `name` attribute.
controlIdstring—Native `id` on the inner search field; falls back to `name`, then a generated id.
emptyLabelstring—Text shown when filtering returns no options.