multiselect-dropdown-react

1.0.5 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i multiselect-dropdown-react

Weekly Downloads

77

Version

1.0.5

License

MIT

Unpacked Size

105 kB

Total Files

8

Last publish

Collaborators

  • kalanithi
  • kumar-anand