📄️ Simple
DragSelect is very simple to use and has a lot of features. It's a pure JavaScript library that doesn't depend on any other libraries. Learn how to use it in this tutorial.
📄️ With an Area
DragSelect can be restricted to a specific area. This is useful if you want to restrict the selection and dragging to a specific container.
📄️ With DropZones
DragSelect can be used for drag and drop. Learn how to use DropZones and DropTargets to create a drag and drop functionality.
📄️ Accessibility (a11y)
DragSelect is accessible by default! Learn how to use it with your keyboard.
📄️ Updating Settings
DragSelect is very flexible and can be used in many different ways. This guide will show you how to update any settings.
📄️ Mobile/Touch usage
DragSelect is usable with any framework and any device. Learn here how to used on mobile.
📄️ Publish & Subscribe
DragSelect uses a publish subscribe pattern to allow you to subscribe to events and react to them. Learn how to use the events in this tutorial.
📄️ React
DragSelect can be used with React, Angular, Vue, Svelte, and any library of your choice. This guide will show you how to use DragSelect with React.
📄️ Custom Drag and Drop
DragSelect is very customizable. You can even create your own custom drag and drop functionality or use a 3rd party plugin.
📄️ Advanced Overrides (Custom Selection Filter)
DragSelect is very customizable. You can even hook into the selection logic and change it to your likings