Multi select

Multiselects for typing multiple options

Contents

Counter will only be displayed when maxSelections is set. It can be positioned on the left or right depending on the value of counterPosition. By default, counterPosition is set to MultiSelectCounterPosition.LEFT.

counterPosition can be set to MultiSelectCounterPosition.RIGHT.

Error message will override the counter when counterPosition is set to MultiSelectCounterPosition.LEFT.

Error message will show on the left while the counter will display on the right when counterPosition is set to MultiSelectCounterPosition.RIGHT.

Inputs in Counter
counterPosition ?: MultiSelectCounterPosition = MultiSelectCounterPosition.LEFT
maxSelections ?: number
Also set in this example
control : FormControl<readonly T[]>
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>()