react-multipleselect2
Installation
$ npm install react-multipleselect2 --save
react-multipleselect2 requires React v.16.0.0 and up
Options
Param | Type | Require | Description |
---|---|---|---|
id | string | require | Some unique id, Ex: "multiselect" |
data | array | require | Array of objects |
onChange | func | require | On change handler, receives an array of selected items. Ex: ["cat 1", "cat 2"] |
className | string | optional | Additional className |
formatter | func | optional | Function receives item arg and should return formatted string |
Usage
import React, { Component } from 'react'import MultipleSelect from 'react-multipleselect2'import 'react-multipleselect2/build/styles.css' export default class Home extends Component { render() { const data = [{ label: 'Category 1', value: 'some', checked: true },{ label: 'Category 2', value: 'name', checked: false },{ label: 'Category 3', value: 'my', checked: true }] return (<div> <MultipleSelect id="multi-select" data={ data } onChange={ values => console.log(values) } className="select-box" formatter={ item => item.label } /> </div>) }}
Demo
Check demo here.
License
MIT