flâneur

Sortable - @dnd-kit – Documentation

docs.dndkit.com · 2,990 words · saved by 1 readers

The sortable preset provides the building blocks to build sortable interfaces.

Installation To get started, install the sortable preset via npm or yarn : npm install @dnd-kit/sortable Overview If you’re eager to get started right away, here’s the code you’ll need: App.jsx SortableItem.jsx import React, {useState} from 'react' ; import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from '@dnd-kit/core' ; import { arrayMove, SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy, } from '@dnd-kit/sortable' ; import {SortableItem} from './SortableItem' ; function App () { const [items, setItems] = useState ([ 1 , 2 ,

related reading