moeen-basra / react-listbox

a double listbox react component

react-listbox

a double listbox react component

Installation

This package can be installed via npm

npm install react-listbox --save

Demo

Demo & Examples can be found here

Usage

import ListBox from 'react-listbox'
import 'react-listbox/dist/react-listbox.css'

const options = [
  {label:'One', value: 1},
  {label:'Two', value: 2},
  {label:'Three', value: 3}
]
// You can also pass the array of preselected options;
const selected = [1, 2]
onChange = (selectedValues) => {
  // handle selected values here
}
<ListBox options={options} onChange={onChange} selected={selected}/>

You can also use the browser build available in the dist folder.

<script type="text/javascript" src="https://unpkg.com/react-listbox@1.2.5/dist/react-listbox.min.js"></script>

<link rel="stylesheet" href="https://unpkg.com/react-listbox@1.2.5/dist/react-listbox.css">

Other

This library was inspired by jQuery multi-select.

License

MIT Licensed. Copyright (c) Sridatta 2016.