This is an adaptation of the Pragmatic Drag and Drop from Atlassian's UI Kit's simple example to work with Svelte 5, with some modifications to make the code more easily reusable and to allow reversing operations.
To start a local development version of the application, run:
pnpm devAssuming you've already run pnpm install to download the dependencies.
For an example of how to use this library, see the src/routes/+page.svelte file in this project.
That code is what drives the sample page.
It creates a a state variable to hold the tasks. Then it binds that variable to the data property of SortableList. By looking at the Line component & DragPreview component, which are also passed to SortableList, it should be possible to understand how to configure the rendering components for your data type.
Most of the Pragmatic Drag & Drop code was copied whole cloth from pdnd-react-tailwind by @alexreardon.