a double listbox react compone

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.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.

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。