React Multiselect Dropdown with Limit

Installing / Getting started

This package is available in npm repository as @kvraamkey/react-multiselect-dropdown. It will work correctly with all popular bundlers.

npm install @kvraamkey/react-multiselect-dropdown --save

[using Yarn]

yarn add @kvraamkey/react-multiselect-dropdown -s

Include the Component

To start using MultiSelectDropDown you just need to import the component from the @kvraamkey/react-multiselect-dropdown package.

Usage

import React, { Component } from 'react';
import MultiSelectDropDown from '@kvraamkey/react-multiselect-dropdown'

class Example extends Component {
    state = {
    itemList: [
      { "id": 1, "itemName": "India" },
      { "id": 2, "itemName": "Singapore" },
      { "id": 3, "itemName": "Australia" },
      { "id": 4, "itemName": "Canada" },
      { "id": 5, "itemName": "South Korea" },
      { "id": 6, "itemName": "Brazil" }
    ]
  }
  render () {
    return (
      <MultiSelectDropDown
        itemList={this.state.itemList}
        selectedItems={selectedItems => console.log(selectedItems)}
      />
    )
  }
}

PropTypes

Prop	Type	Default
badgeShowLimit	Integer	undefined
primaryKey	String	value
labelKey	String	label
enableCheckAll	Boolean	true
enableSearchFilter	Boolean	true
placeHolderText	String	Select
selectAllText	String	Select All
unSelectAllText	String	UnSelect All
enableCheckAll	Boolean	true

Licensing

The code in this project is licensed under MIT license.

MIT © kvraamkey