Dnd kit

We recommend using the excellent dnd kit library for adding drag and drop functionality to Forma 36 components.

Examples

Import

import { DndContext } from '@dnd-kit/core';
import {
arrayMove,
horizontalListSortingStrategy,
SortableContext,
useSortable,
} from '@dnd-kit/sortable';
import { CSS } from '@dnd-kit/utilities';

Integrating with useSortable

Example with table rows

Help improve this page