Name	Last modified	Size	Description
	Parent Directory		-
	dist/	2025-10-29 15:57	-
	CHANGELOG.md	2025-10-29 15:57	40K
	LICENSE	2025-10-29 15:57	1.0K
	README.md	2025-10-29 15:57	1.0K	38d15e7 removed strapi.query from api controllers to repair migration on dev server? [كارل مبارك]
	package.json	2025-10-29 15:57	1.0K

# @dnd-kit/sortable

[![Stable release](https://img.shields.io/npm/v/@dnd-kit/sortable.svg)](https://npm.im/@dnd-kit/sortable)

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](/.github/assets/use-sortable.png)

## Usage

Visit [docs.dndkit.com](https://docs.dndkit.com/presets/sortable) to learn how to use the Sortable preset.