Official sortable preset and sensors for dnd kit
npm install @dnd-kit/sortable
The sortable preset provides the building blocks to build sortable interfaces with @dnd-kit.
To get started, install the sortable preset via npm or yarn:
``
npm install @dnd-kit/sortable
The sortable preset builds on top of the primitives exposed by @dnd-kit/core to help building sortable interfaces.
The sortable preset exposes two main concepts: SortableContext and the useSortable hook:
- The SortableContext provides information via context that is consumed by the useSortable hook.useDroppable
- The useSortable hook is an abstraction that composes the and useDraggable` hooks.
!The useSortable hook is an abstraction that composes the useDroppable and useDraggable hooks
Visit docs.dndkit.com to learn how to use the Sortable preset.