Multi select

Multiselects for typing multiple options

Contents

Default

Hide highlight initially (click up/down arrow to show highlight)

Inputs in Show highlight initially
showHighlightInitially ?: boolean = true

Initially show the highlight effect in the dropdown. If set to false, users can trigger the highlight by navigating using the 'up' or 'down' buttons.

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>()