Multiselect Web Component

Demo

Source HTML

<x-multiselect placeholder="Select Value">
    <li value="1" selected>Argentina</li>
    <li value="2">Australia</li>
    <li value="3">Brazil</li>
    <li value="4">Canada</li>
    <li value="5" selected>China</li>
    <li value="6">France</li>
    <li value="7">Germany</li>
    <li value="8" selected>India</li>
    <li value="9">Mexico</li>
    <li value="10">Russia</li>
    <li value="11" selected>United States</li>
</x-multiselect>

* Open browser console to see selected items on every change event.