react-multiselect-dd v2.0.0

React Multi Select Dropdown

A reactjs multiselect dropdown with search functionality and multiple other options.

Features!

• Support search on tree view structure
• Provides options for update UI according current theme

Demo: https://sanjayv.github.io/react-multiselect-dd/

Installation

npm install react-multiselect-dd

Setup :

Import module in your app.module.ts:

import Multiselect from "react-multiselect-dd";
...

<Multiselect
    data={sampleData}
    onChange={getSelected}
    showSelected={2}/>

sampleData format

const sampleData = [
    {
        value: 1,
        text: "First",
        child: [
            {
                value: 2,
                text: "First.1",
                child: [
                    {
                        value: 3,
                        text: "First.1.1"
                    }
                ]
            }
        ]
    },
    {
        value: 4,
        text: "Second",
    },
    ...
];

Other options (optional) :

Custom Style

You can update Dropdown style according requirments. Following Custome Styles available:

You can pass following options in customStyle props.

<Multiselect
    data={sampleData}
    onChange={getSelected}
    showSelected={2}
    customStyle={{
        'optionHeight': 400,
        'checkedColor': '#e6783b',
        'inputHeight': 40,
        'inputWidth': 360
    }}
/>

License

MIT Licensed. Copyright (c) 2019 sanjay verma

Your contributions and suggestions are always welcome :)