# react-searchable-multi-select

> A library to search and select multiple values from list of options.

Latest version **1.0.6** (published 2021-03-23) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-searchable-multi-select
pnpm add react-searchable-multi-select
yarn add react-searchable-multi-select
bun add react-searchable-multi-select
```

## 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.6 |
| Published | 2021-03-23 |
| First published | 2021-03-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 9 |
| Unpacked size | 38.5 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Pragati Garud |
| Maintainers | pragati.garud |
| Keywords | select, multiselect, searchable select, searchable multiselect |

## Links

- npm: https://www.npmjs.com/package/react-searchable-multi-select
- Repository: https://github.com/Pragatigg/react-searchable-multi-select
- Homepage: https://github.com/Pragatigg/react-searchable-multi-select.git#README
- Issues: https://github.com/Pragatigg/react-searchable-multi-select/issues
- npm.io page: https://npm.io/package/react-searchable-multi-select

## Dependencies (9)

- [antd](https://npm.io/package/antd.md) ^4.0.0
- [react](https://npm.io/package/react.md) ^17.0.1
- [node-sass](https://npm.io/package/node-sass.md) ^5.0.0
- [react-dom](https://npm.io/package/react-dom.md) ^17.0.1
- [web-vitals](https://npm.io/package/web-vitals.md) ^1.0.1
- [react-scripts](https://npm.io/package/react-scripts.md) 4.0.3
- [@testing-library/react](https://npm.io/package/@testing-library/react.md) ^11.1.0
- [@testing-library/jest-dom](https://npm.io/package/@testing-library/jest-dom.md) ^5.11.4
- [@testing-library/user-event](https://npm.io/package/@testing-library/user-event.md) ^12.1.10

## Alternatives

- [jsforce](https://npm.io/package/jsforce.md) — 851.2K weekly downloads
- [react-native-qrcode-svg](https://npm.io/package/react-native-qrcode-svg.md) — 693.5K weekly downloads
- [@salesforce/plugin-data](https://npm.io/package/@salesforce/plugin-data.md) — 394.9K weekly downloads
- [@backstage/plugin-search-common](https://npm.io/package/@backstage/plugin-search-common.md) — 308.5K weekly downloads
- [@chain-registry/types](https://npm.io/package/@chain-registry/types.md) — 38.4K weekly downloads

## Recent versions

- 1.0.6 (latest) — 2021-03-23
- 1.0.5 — 2021-03-23
- 1.0.4 — 2021-03-23
- 1.0.3 — 2021-03-23
- 1.0.2 — 2021-03-16
- 1.0.1 — 2021-03-16
- 1.0.0 — 2021-03-14

## README

# React searchable multi select

A library to search and select multiple values from list of options.

## 📦 Install

```bash
npm install react-searchable-multi-select --save
```

```bash
yarn add react-searchable-multi-select
```
## 🔨 Usage

```jsx
import MultiSelect from "react-searchable-multi-select";

const Example = () => {
    const options = ["Software Developer", "senior Software Developer", "Team Lead", "Manager"];
    const onSelectionChange = (selected) => console.log(selected);
    return (
        <MultiSelect
            placeholder="Role"
            options={options}
            onSelectionChange={onSelectionChange}
        />
    )
};

```
## Props

Common props you may want to specify include:
- `placeholder` - change the text displayed when no option is selected
- `options` - array of strings (list of options)
- `onSelectionChange` - function will gets executed on selection/deselection of option from the list

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