What is DragDoll Solid?

DragDoll Solid is a thin and performant SolidJS wrapper for the DragDoll drag-and-drop system. It provides hook-style helpers that give you access to the full DragDoll API while leveraging Solid's fine-grained reactivity for excellent performance.

Features

🎯   Thin Wrapper: Minimal overhead, direct access to vanilla DragDoll API.

🚀   High Performance: Leverages Solid's fine-grained reactivity with zero additional abstractions.

💪   Type Safe: Full TypeScript support with excellent type inference.

🍦   Vanilla Underneath: Full access to the underlying DragDoll API when you need it.

💝   Free & Open Source: 100% MIT licensed.

Caveats

Being a wrapper over a vanilla JS library often comes with a few caveats, and such is the case with this wrapper also. The container option of the Draggable class is only partially supported because it will make the core library move DOM nodes under a different node for the duration of the drag. Solid has its own API (Portal) for moving DOM nodes around, which is very tricky to support in a wrapper. Read more about this in the useDraggable docs.