# multiselect-dropdown-react

> react multiselect dropdown component with search

Latest version **1.0.5** (published 2018-12-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install multiselect-dropdown-react
pnpm add multiselect-dropdown-react
yarn add multiselect-dropdown-react
bun add multiselect-dropdown-react
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2018-12-11 |
| First published | 2018-12-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 102.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 5 |
| Author | Kalanithi Sethuraman |
| Maintainers | kalanithi, kumar-anand |

## Links

- npm: https://www.npmjs.com/package/multiselect-dropdown-react
- Repository: https://github.com/IAmNithi/react-multiselect-dropdown
- Homepage: https://github.com/IAmNithi/react-multiselect-dropdown#readme
- Issues: https://github.com/IAmNithi/react-multiselect-dropdown/issues
- npm.io page: https://npm.io/package/multiselect-dropdown-react

## Recent versions

- 1.0.5 (latest) — 2018-12-11
- 1.0.4 — 2018-12-11
- 1.0.2 — 2018-12-10
- 1.0.1 — 2018-12-10
- 1.0.0 — 2018-12-10
- 0.1.2 — 2018-12-10
- 0.1.1 — 2018-12-07
- 0.1.0 — 2018-12-06

## README

## React Multi Select Dropdown Component

React Multi Select Dropdown Component

![Component demo](react-multiselect-dropdown.png)

## Installation:

`npm install --save multiselect-dropdown-react`

## Usage:

See the example for how to use the component

```
import React, { Component } from 'react';
import './App.css';
import Multiselect from 'multiselect-dropdown-react';

const data = [{
  name: 'one',
  value: 'one'
},
{
    name: 'two',
    value: 'two'
  },
  {
    name: 'three',
    value: 'three'
  },
  {
    name: 'four',
    value: 'four'
  },
  {
    name: 'five',
    value: 'five'
  },
  {
    name: 'six',
    value: 'six'
  }];
class App extends Component {
  result(params) {
    console.log(params);
  }
  render() {
    return (
      <div className="App">
        <Multiselect options={data} onSelectOptions={this.result} />
      </div>
    );
  }
}

export default App;


```

## Component Usage

```
<Multiselect options={data} onSelectOptions={this.result} />

```

## License

MIT

## Upcoming Features

Placeholder text to be made configurable
Label with id and optional test to be provided for accessibility
CSS to be made configurable, ability to pass custom class names from parent to child
Ability to customize the chip template

---
_Source: https://npm.io/package/multiselect-dropdown-react · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._