React Drag Select List

The React Drag Select List library allows creating a drag and select list, along with selections made via key board shortchuts such as (ctrl + a to select all, shift + click to select multiple items on the list).

Installation

Using npm:

1$ npm i react-drag-select-list

Note: add --save if you are using npm < 5.0.0

Import in a React typescript project:

1// import List component and ListOption type.
2import List, { ListOption } from 'react-drag-select-list';
3

Usage

1
2// example of using the List Component
3      <List
4        items={listItems}
5        error={error}
6        isLoading={isLoading}
7        filterParameter={searchParams}
8        handleSelectedItems={handleSelectedItems}
9        resetList={resetList}
10        multiSelect
11        initialSelectedItems={selectedItems}
12        useV2Selection={useV2Selection}
13      />