multi_select_dropdown_webcomponent

Multi selection drop down web-component developed in Stencil.js.

Usage

<script src='https://unpkg.com/multiselectdropdown-webcomponent@latest/dist/mycomponent.js'></script>

In javascript

Under body tag

<as-ms-ddl></as-ms-ddl> <script> let component = document.querySelector('as-ms-ddl'); component.data = [{ label: "a", value: "1" }, { label: "b", value: "2" }, { label: "c", value: "3" }, { label: "d", value: "4" }, { label: "e", value: "5" }]; component.addEventListener('selectedValues', event => { console.log(event.detail); }); </script>

Properties

| Property | Attribute | Description | Type | Default | | --------- | ------------------------------------- | ----------------------------- | ----------------- | ----------- | | data | [{label:string,value:string}] | array of IdropDownData | IdropDownData[] | undefined |
| | | in the form of label, value | | | | options | {selected_value_appear:string} | count OR value | IdropDownOption | count |

Events

| Event | Description | Type | | ---------------- | ----------- | ------------------------- | | selectedValues | return array repective of | Array<IdropDownData> | | | selected_value_appear option passed | |

Built with StencilJS