Skip to content

Latest commit

 

History

History
28 lines (16 loc) · 1017 Bytes

File metadata and controls

28 lines (16 loc) · 1017 Bytes

@dnd-kit/sortable

Stable release

The sortable preset provides the building blocks to build sortable interfaces with @dnd-kit.

Installation

To get started, install the sortable preset via npm or yarn:

npm install @dnd-kit/sortable

Architecture

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.
  • The useSortable hook is an abstraction that composes the useDroppable and useDraggable hooks.

The useSortable hook is an abstraction that composes the useDroppable and useDraggable hooks

Usage

Visit docs.dndkit.com to learn how to use the Sortable preset.