johndagostino / react-select-multi

React Multiple-Select Component

React Select Multi

Description

A versatile React Component providing awesome select UI components.

• simple = basic select
• multiple = multi-select
• search = select with search input

---

Installation

With Yarn:

yarn add react-select-multi

With NPM:

npm install react-select-multi

---

1. Basic Usage (SelectState): uses component state for state management

import React, { Component } from 'react';
import { SelectState } from 'react-select-multi';

class MyComponent extends Component {
  render() {
    <SelectState
      uniqueKey="select-multi-1"
      options={options}
      selected={selected}
      styles={styles}
      toggleOpen={toggleOpen}
      onCheck={onCheck}
    />
  }
}

---

2. Basic Usage (SelectConnected): uses Redux for state management

import React, { Component } from 'react';
import { SelectConnected } from 'react-select-multi';

class MyComponent extends Component {
  render() {
    <SelectConnected
      uniqueKey="select-multi-1"
      options={options}
      selected={selected}
      styles={styles}
      toggleOpen={toggleOpen}
      onCheck={onCheck}
    />
  }
}

---

Tests

yarn spec

---

Credits

Thanks to Lyn, JD, Mike, Anoop 🎉🎉🎉🎉

---

Licence

Apache-2.0