react-multi-select-ext React component
npm install react-multi-select-ext
npm install react-multi-select-ext
`
----
Basic Usage
For more details refer to the original project's readme here.
`
import React, {Component} from 'react'
import {render} from 'react-dom'
import MultiSelectReact from 'react-multi-select-ext';
class Demo extends Component {
constructor() {
super();
this.state = {
multiSelect:[]
};
}
componentWillMount(){
setTimeout(()=>{
this.setState({multiSelect: [{'label':'Monkey','id':1,'value':true},{'label':'Donkey','id':2,'value':true},{'label':'Lion','id':3,'value':true},{'label':'Zebra','id':4,'value':true}]});
},5000)
}
render() {
const selectedOptionsStyles = {
color: "#3c763d",
backgroundColor: "#dff0d8"
};
const optionsListStyles = {
backgroundColor: "#fcf8e3",
color: "#8a6d3b"
};
return (
optionClicked={this.optionClicked.bind(this)}
selectedBadgeClicked={this.selectedBadgeClicked.bind(this)}
selectedOptionsStyles={selectedOptionsStyles}
optionsListStyles={optionsListStyles}
enableSelectAllNone={true}
/>
);
}
optionClicked(optionsList) {
this.setState({ multiSelect: optionsList });
}
selectedBadgeClicked(optionsList) {
this.setState({ multiSelect: optionsList });
}
}
render(
`
----
New Features
| Prop | Type | Default | Description |
|:--------- | :---- | :---- |:---- |
| enableSelectAllNone | boolean` | R | Enable "Select All" and "Select None" options in the dropdown.Does not work when single select is enabled