react-listbox

1.2.13 • Public • Published

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.

Package Sidebar

Install

npm i react-listbox

Weekly Downloads

758

Version

1.2.13

License

MIT

Unpacked Size

2.73 MB

Total Files

13

Last publish

Collaborators

  • sridatta7