Combobox description here

Angular Components

ClrCombobox

Selector & Basic Usage

<clr-combobox></clr-combobox>

Properties

Binding	Type	Options	Default	Description
[clrMulti]	input	true, false	false	Enable multiple selection mode for a combobox.
(clrInputChange)	output			Output event that emits the user entered search text..
(clrOpenChange)	output			Output event that emits boolean state when combox is opened or closed. .

ClrComboboxContainer

Selector & Basic Usage

<clr-combobox-container></clr-combobox-container>

Properties

Binding	Type	Options	Default	Description

ClrOption

Selector & Basic Usage

<clroption></clroption>

Properties

Binding	Type	Options	Default	Description
[id]	input	Valid HTML id string.	Internally generated id.	Set a custom id for the option.
[clrValue]	input	T	n/a	This is the option item of type T.

ClrOptions

Selector & Basic Usage

<clr-options></clr-options>

Properties

Binding	Type	Options	Default	Description
[id]	input	Valid HTML id string.	Internally generated id.	Set this for a custom id on the ClrOptions element.

Angular Directives

ClrOptionItems

Selector & Basic Usage

<clr-option *clrOptionItems="let state of states; field:'name'" [clrValue]="state">
  <!-- elements with options data -->
</clr-option>

Properties

Binding	Type	Options	Default	Description
[clrOptionItemsOf]	input	items: T[]	n/a	Structural directive iterator that accepts a list of ClrOptions..
[clrOptionItemsTrackBy]	input	TrackByFunction<T>	n/a	Custom trackBy function for optimizing items in the options list.
[clrOptionItemsField]	input	String of the Option model field.	n/a	Sets the field used to filter options with as user types.