Selector

This is a searchable selector.

Usage

Input Label

ComponentSkin skinIndicates which skin should be used for the component Default value: ComponentSkin.DESIGN_SYSTEM

pandads

any v-modelElement binding of the selector value

SelectorItem[] itemsSelector elements that will be shown after clicking in the input.

string labelPropertyIndicates which key in the items array you want to be shown after selecting an item Default value: label

boolean readonlyDisables the selector to not allow user interaction Default value: false

boolean loadingDisables the selector and shows a loading indicator Default value: false

inputPlaceholderAdds a placeholder to the selector.

boolean hasErrorIndicates if there is an error with the input validation Default value: false

boolean Make it requiredAdds an asterisk to the label to indicate that the input is required

defaultThe label of the input, usually a text

errorThe error message to show when the input has an error

tooltipIf provided, an icon will be shown next to the input label to show the tooltip content

item-not-foundIf you type in the input for searching an element and you dont find any result, then the #itemNotFound slot will be shown