Django
Virtual Select
Virtual Select

There are few options on how to include/import Virtual Select into your project.

Install from NPM

Install the Virtual Select Js library using command prompt from the root directory of the project:

npm install virtual-select-plugin --save

Link the Virtual Select package.

<!-- CSS File -->
<link rel="stylesheet" href="./assets/libs/virtual-select-plugin/virtual-select.min.css">

<!-- JavaScript File -->
<script src="assets/libs/virtual-select-plugin/virtual-select.min.js"></script>

Check the below example how to use and make it working Virtual Select on any page.

HTML

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

JavaScript

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