multiselectdropdown-webcomponent
v0.0.3
Published
Stencil Component Starter
Downloads
2
Readme
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