@dnd-kit/sortable
TypeScript icon, indicating that this package has built-in type declarations

8.0.0 • Public • Published

@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.

Readme

Keywords

none

Package Sidebar

Install

npm i @dnd-kit/sortable

Weekly Downloads

1,202,265

Version

8.0.0

License

MIT

Unpacked Size

233 kB

Total Files

40

Last publish

Collaborators

  • clauderic