multiselect-dropdown-react

react multiselect dropdown component with search

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
multiselect-dropdown-react
441.0.54 years ago4 years agoMinified + gzip package size for multiselect-dropdown-react in KB

Readme

React Multi Select Dropdown Component

React Multi Select Dropdown Component
Component demo

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