react-select-multi

React Select Multi

Description

A versatile React Component providing awesome select UI components.

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

State management options

• React Component state
• Redux

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, and 🌳

Licence

Apache-2.0