Multiselect Input Examples
e-multiselect-input
<e-multiselect-input id="itemsExample" placeholder="Select one or more options"></e-multiselect-input>const multislectInput = document.querySelector('#itemsExample');
multislectInput.addEventListener("trigger", () => {
console.log('trigger');
});[items]
<e-multiselect-input id="itemsExample" placeholder="Select one or more options"></e-multiselect-input>document.querySelector('#itemsExample').items = [
{ content: 'option 1' },
{ content: 'option 2', status: 'warning-faint' },
{ content: 'option 2', status: 'warning' }
][invalid]
<div class="e-field">
<e-multiselect-input invalid placeholder="Select one or more options"></e-multiselect-input>
</div>[disabled]
<e-multiselect-input disabled id="itemsExample"></e-multiselect-input>document.querySelector('#itemsExample').items = [
{ content: 'option 1' },
{ content: 'option 2', status: 'warning-faint' },
{ content: 'option 2', status: 'warning' }
][readonly]
<e-multiselect-input readonly id="itemsExample"></e-multiselect-input>document.querySelector('#itemsExample').items = [
{ content: 'option 1' },
{ content: 'option 2', status: 'warning-faint' },
{ content: 'option 2', status: 'warning' }
][label-merge-limit]
<e-multiselect-input id="itemsExample" label-merge-limit="1"></e-multiselect-input>document.querySelector('#itemsExample').items = [
{ content: 'option 1' },
{ content: 'option 2', status: 'warning-faint' },
{ content: 'option 2', status: 'warning' }
]