createPragmaticDndAdapter()

createPragmaticDndAdapter(pdndExports: PragmaticDndExports): DndAdapter

Defined in: dnd/src/adapters/pragmatic-dnd.tsx:111

Creates a DndAdapter backed by @atlaskit/pragmatic-drag-and-drop.

Parameters

Parameter	Type
pdndExports	PragmaticDndExports

Returns

DndAdapter

Example

import { QueryBuilderDnD } from '@react-querybuilder/dnd';
import { createPragmaticDndAdapter } from '@react-querybuilder/dnd/pragmatic-dnd';
import { draggable, dropTargetForElements, monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';

const adapter = createPragmaticDndAdapter({ draggable, dropTargetForElements, monitorForElements, combine });

<QueryBuilderDnD dnd={adapter}>
  <QueryBuilder />
</QueryBuilderDnD>

---

caution

API documentation is generated from the latest commit on the main branch. It may be somewhat inconsistent with official releases of React Query Builder.