# DragHandles (/docs/shuffle/reference/functions/DragHandles)



# Function: DragHandles() [#function-draghandles]

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

Defined in:
[components/DragHandles.tsx:43](https://github.com/handlewithcarecollective/pitter-patter/blob/5f9831b289582242a2f8b7c6f9c1d64b034de5a9/packages/shuffle/src/components/DragHandles.tsx#L43)

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 [#parameters]

### props [#props]

#### handleComponent? [#handlecomponent]

`ComponentType`\<[`DragHandleProps`](/docs/shuffle/reference/interfaces/DragHandleProps)>

## Returns [#returns]

`Element`

## Example [#example]

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