<e-multiselect-input id="itemsExample" placeholder="Select one or more options"></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');
});

<e-multiselect-input id="itemsExample" placeholder="Select one or more options"></e-multiselect-input>

<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' }
]

<div class="e-field">
  <e-multiselect-input invalid placeholder="Select one or more options"></e-multiselect-input>
</div>

<div class="e-field">
  <e-multiselect-input invalid placeholder="Select one or more options"></e-multiselect-input>
</div>

<e-multiselect-input disabled id="itemsExample"></e-multiselect-input>

<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' }
]

<e-multiselect-input readonly id="itemsExample"></e-multiselect-input>

<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' }
]

<e-multiselect-input id="itemsExample" label-merge-limit="1"></e-multiselect-input>

<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' }
]