smlk-multi-select

This is a custom multi-select component which includes searching and showing selected values in addition to the simple multi-select drop-down.

Usage no npm install needed!

<script type="module">
  import smlkMultiSelect from 'https://cdn.skypack.dev/smlk-multi-select';
</script>

README

smlk-multi-select

This is a custom multi-select component which includes searching and showing selected values in addition to the simple multi-select drop-down.

Installation

Using npm you can do: npm i smlk-multi-select Once installed Import the module in your AppModule.ts or any other module like this

import {SmlkMultiselectModule} from  'smlk-multi-select';

Configuration

Usage in HTML
    <smlk-multiselect
    [label]="'Any placeholder text for the input'"
    [nameKey]="'name'" //default is **name**
    [valueKey]="'value'" //default is **id**
    [receivedValues]="dd_values" //Array of objects
    [enableSelectAll]="false" // show/hide Select All option
    [selectedValues]="[]" //to show preselected values just incase
    (selectionChange)="select($event)"> //get the selected values back
    </smlk-multiselect>

Compatibility

Only checked on Angular 9.1.3 so far

Contact me

email: shahnshahmalik@protonmail.com