A dual list box component for React, with search feature.
$ npm install react-dual-list-box --save
There is a basic example on examples folder, which is also live here.
| Prop | Type | Default Value |
|---|---|---|
| options | arrayOf(shape({ value: string or number, label: node })) | [ ] |
| initialValue | arrayOf(string or number) | [ ] |
| valueType | string | "string" |
| onChange | func | - |
| disabled | bool | false |
| leftButtonContent | node (number, string, html element) | > |
| rightButtonContent | node (number, string, html element) | < |
Since HTML select tag auto formats its option values as string, if your value prop is a number (eg: id), you need to pass valueType="number" prop to DualListBox component.
This project has initialized from react-component-starter, which contains detailed documentation about installation, development and build flow of the package.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent