ShuffleReferenceFunctions

DragHandles

Function: DragHandles()

function DragHandles(props: { handleComponent?: ComponentType<DragHandleProps> }): Element;

Defined in: components/DragHandles.tsx:43

A React component that renders the drag handles. This component will render a drag handle for each node that the pointer is currently hovering over. It should be a descendant of the ProseMirror component. The handleComponent prop can be used to provide a custom handle implementation.

Parameters

props

handleComponent?

ComponentType<DragHandleProps>

Returns

Element

Example

function Editor() {
  return (
    <ProseMirror defaultState={editorState}>
      <ShuffleSkeleton>
        <ProseMirrorDoc />
        <DragHandles />
      </ShuffleSkeleton>
    </ProseMirror>
  );
}

On this page