https://github.com/sanjayv/react-multiselect-dd
React Multi Select Drop-Down
https://github.com/sanjayv/react-multiselect-dd
dropdow multiselect multiselect-drodpdown react reactjs
Last synced: 2 months ago
JSON representation
React Multi Select Drop-Down
- Host: GitHub
- URL: https://github.com/sanjayv/react-multiselect-dd
- Owner: sanjayV
- License: mit
- Created: 2019-05-11T10:34:01.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2026-02-13T16:58:53.000Z (4 months ago)
- Last Synced: 2026-03-22T22:27:13.175Z (3 months ago)
- Topics: dropdow, multiselect, multiselect-drodpdown, react, reactjs
- Language: JavaScript
- Size: 4.84 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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`:**
```js
import Multiselect from "react-multiselect-dd";
...
```
**sampleData format**
```js
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) :
| Name | Type | Description | Required | Default |
|------|------|-----------|-------------|---------|
| data | Array | Data array that use in multiselect dropdown | Yes | [] |
| onChange | Function | Callback function that use for get selected values | Yes | |
| showSelected | Number | Max limit of display selected item in input, after that it will display total selected count. | No | 2 |
| customStyle | Object | Detail here | No | |
##### Custom Style
You can update Dropdown style according requirments.
Following **Custome Styles** available:
| Name | Type | Description | Default |
|------|------|-----------|---------|
| inputHeight | Number | Use for set Dropdown input height | 40 |
| inputWidth | Number | Use for set Dropdown input width | 360 |
| checkedColor | String | Use for set checked box checked color | '#e6783b' |
| optionHeight | Number | Use for set dropdown option height | 400 |
You can pass following options in **customStyle** props.
```js
```
## License
MIT Licensed. Copyright (c) 2019 sanjay verma
Your contributions and suggestions are always welcome :)