react-listbox

a double listbox react component

Usage no npm install needed!

<script type="module">
  import reactListbox from 'https://cdn.skypack.dev/react-listbox';
</script>

README

react-listbox

a double listbox react component

travis build version license downloads semantic-release

Installation

This package can be installed via npm

npm install react-listbox --save

screen shot 2016-10-05 at 11 10 36 pm

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.13/dist/react-listbox.min.js"
></script>

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

Other

This library was inspired by jQuery multi-select.

License

MIT Licensed. Copyright (c) Sridatta 2016.