https://github.com/kvraamkey/react-multiselect-dropdown
React Dropdown Multiselect
https://github.com/kvraamkey/react-multiselect-dropdown
dropdown multiselect react react-multiple-selection react-multiselect-dropdown react-select select
Last synced: 20 days ago
JSON representation
React Dropdown Multiselect
- Host: GitHub
- URL: https://github.com/kvraamkey/react-multiselect-dropdown
- Owner: kvraamkey
- Created: 2019-08-01T09:16:36.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-11T00:29:00.000Z (over 3 years ago)
- Last Synced: 2025-11-23T09:16:38.438Z (6 months ago)
- Topics: dropdown, multiselect, react, react-multiple-selection, react-multiselect-dropdown, react-select, select
- Language: JavaScript
- Size: 2.11 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
```jsx
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 (
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](https://github.com/kvraamkey)