{"library":"multiselect-dropdown","title":"multiselect-dropdown","description":"A lightweight, dependency-free multi-select dropdown control that replaces a standard HTML select element with rich features like search/filter, checkboxes, limit display, and custom styling. Current stable version 2.0.2 is released irregularly with incremental fixes. Key differentiators: pure JavaScript/ES module with no dependencies, minified standalone script for direct browser use, and support for both ESM (ES6 class) and UMD/global patterns. Suitable for simple multi-select needs without heavy frameworks.","language":"javascript","status":"active","last_verified":"Fri May 01","install":{"commands":["npm install multiselect-dropdown"],"cli":null},"imports":["import MultiselectDropdown from 'multiselect-dropdown'","<script src=\"multiselect-dropdown/dist/multiselect.min.js\"></script>\n\nThen use global: new MultiselectDropdown(element, options)","import MultiselectDropdown from 'multiselect-dropdown'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// Install: npm install multiselect-dropdown\nimport MultiselectDropdown from 'multiselect-dropdown';\n\n// HTML: <select id=\"mySelect\" multiple>\n// <option value=\"1\">Option 1</option>\n// <option value=\"2\">Option 2</option>\n// <option value=\"3\">Option 3</option>\n// </select>\n\nconst element = document.getElementById('mySelect');\nconst dropdown = new MultiselectDropdown(element, {\n  placeholder: 'Select options',\n  maxItems: 5,\n  search: true,\n  selectAll: true,\n  onChange: function(values) {\n    console.log('Selected:', values);\n  }\n});\n// To destroy: dropdown.destroy();\n","lang":"javascript","description":"Shows creating a multi-select dropdown from a <select> element with options like placeholder, limit, search, select-all, and change callback.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}