Nostalgic Punchcard Missing

    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

    Keywords

    none

    Install

    npm i multiselect-dropdown-react

    DownloadsWeekly Downloads

    147

    Version

    1.0.5

    License

    MIT

    Unpacked Size

    105 kB

    Total Files

    8

    Last publish

    Collaborators

    • kalanithi
    • kumar-anand