Multi select

Multiselects for typing multiple options

Contents

Default - Can still type after adding a tag

hideInputOnNonEmpty - Disables the text input after adding a tag

Inputs in Hide input on non empty
dropdownItemSelectColor ?: MultiSelectItemHighlightColor = MultiSelectItemHighlightColor.BLUE_DARK

Customize the color of a dropdown item when it is selected.

hideInputOnNonEmpty ?: boolean = false

Conditionally hide the input element when there are selected items. If there are already selected items, the input element will be hidden.

Also set in this example
control : FormControl<readonly T[]>
allowCustomEntry ?: T extends string ? boolean : false

Allow custom items to be added by the user. Note: `control` must accept `string` type if set to `true`.

openDropdownOnFocus ?: boolean = false
options ?: readonly SelectItem<T>[] = []
placeholder ?: string

default placeholder when there's no entry yet

Outputs
inputChange ?: any = new EventEmitter<string>()
itemRemoved ?: any = new EventEmitter<T | string>()

This event carries the item that was removed.

onBlur ?: any = new EventEmitter<void>()
onFocus ?: any = new EventEmitter<void>()