React Drag to Select Component

#ReactJS Drag to Select component:

  • Provides group and individual item selection using mouse drag or shift/ctrl + click to select individual items.
  • Enables or disables drag select behaviour on the component.
  • Use Ctrl/Shift + click to select individual items and mouse drag to select groups, use shift and drag to append items to the selection.
  • Called when the selected item change, receieves item keys as argument.
  • Manually sets an items selection status by its id.


Provides group and individual item selection using mouse drag or shift/ctrl + click to select individual items.


@ReactiveConf: #ReactJS Drag to Select component:

Provides group and individual item selection using mouse drag or shift/ctrl + click to select individual items.

Use Ctrl/Shift + click to select individual items and mouse drag to select groups, use shift and drag to append items to the selection.

Enables or disables drag select behaviour on the component.

Called when the selected item change, receieves item keys as argument.

Manually sets an items selection status by its id.

Clears all selected items.

Select all elements in the list.

React Drag to Select Component