How to make use of it:

1. We can install and use this plugin from NPM:

npm install --save virtual-select-plugin

2. Import files from node_modules:

<link rel="stylesheet" href="node_modules/virtual-select-plugin/dist/virtual-select.min.css">
<script src="node_modules/virtual-select-plugin/dist/virtual-select.min.js"></script>

<!-- optional -->
<link rel="stylesheet" href="node_modules/tooltip-plugin/dist/tooltip.min.css">
<script src="node_modules/tooltip-plugin/dist/tooltip.min.js"></script>

3. Initialize the plugin

<div id="sample-select"></div>

VirtualSelect.init({
  ele: '#sample-select',
  options: [
    { label: 'Options 1', value: '1' },
    { label: 'Options 2', value: '2' },
    { label: 'Options 3', value: '3' },
  ],
});

4. It is not recommended to use native to start the plug-in when the number of options is more, because it may affect performance.

<select multiple
  name="native-select" placeholder="Native Select"
  data-search="false" data-silent-initial-value-set="true"
>
  <option value="1" disabled>Option 1</option>
  <option value="2">Option 2</option>
  <option value="3" selected>Option 3</option>
  <option value="4" selected>Option 4</option>
  <option value="5">Option 5</option>
  <option value="6">Option 6</option>
</select>

VirtualSelect.init({ ele: 'select' });