Pragmatic DnD Multi-Select

A multi-select standalone example for pragmatic-drag-and-drop.

The code was extracted from this example and bundled into a React-Vite project.

Demonstration

You can play with a live deployed version of the project here:

• https://nktnet1.github.io/pragmatic-dnd-multiselect

Running the code

Set up the repository with

git clone https://github.com/nktnet1/pragmatic-dnd-multiselect
cd pragmatic-dnd-multiselect
pnpm install    # or use yarn/npm

To run the code in development mode, use the command

pnpm dev

You can then open http://localhost:5173 in your browser.

Alternatively, to build and preview with vite, use the commands

pnpm build
pnpm preview

You can now visit the preview link http://localhost:4173.

Why?

This repository was created to provide a more accessbile example at the request of

• atlassian/pragmatic-drag-and-drop#99
• atlassian/pragmatic-drag-and-drop#26 (comments)