{"repo":"jakezatecky/react-dual-listbox","free":true,"listed":false,"github":"https://github.com/jakezatecky/react-dual-listbox","clone":"git clone https://github.com/jakezatecky/react-dual-listbox.git","description":"A feature-rich dual listbox for React.","language":"JavaScript","stars":113,"topics":["react","dual-listbox","dual-list","dual-list-box","list-builder"],"license":"MIT","category":"ui-components","readme_excerpt":"react-dual-listbox A feature-rich dual listbox for React. Usage Installation Install the library using your favorite dependency manager: Using npm: Note – This library makes use of [Font Awesome][font-awesome] styles and expects them to be loaded in the browser. Include CSS The library's styles are available through one of the following files: node modules/react-dual-listbox/lib/react-dual-listbox.css node modules/react-dual-listbox/src/scss/react-dual-listbox.scss Either include one of these files in your stylesheets or utilize a CSS loader: Render Component The DualListBox is a [controlled][react-controlled] component. You must update the selected property in conjunction with the onChange handler if you want the selected values to change. Here is a minimal rendering of the component: Optgroups This component also supports traditional elements through the use of the options key: Disabling the Component or Options Pass in the disabled property to disable the entire component. Alternatively, individual options may be disabled on a per-item basis: Filtering You can enable filtering of available and selected options by merely passing in the canFilter property: Optionally, you can also override the default filtering function: In addition, you may control the filter text state, rather than leaving it up to the component: Action/Button Alignment By default, the component arranges the action buttons to the center. Another option is to align these actions to be above their resp","default_branch":null,"files":null,"tree":[],"storefront":"/r/jakezatecky","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/jakezatecky/react-dual-listbox/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}