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



# Function: ResizeHandles() [#function-resizehandles]

```ts
function ResizeHandles(props: {
  handleComponent?: ComponentType<{
    onPointerDown: EventHandler<PointerEvent<Element>>;
    style: {
      left: number;
      top: number;
    };
  }>;
}): Element | null;
```

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

A React component that renders the resize handles. This component will render a single set of resize
handles whenever the selection is within a resizable node. 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`\<\{ `onPointerDown`: `EventHandler`\<`PointerEvent`\<`Element`>>; `style`: \{
`left`: `number`; `top`: `number`; }; }>

## Returns [#returns]

`Element` | `null`

## Example [#example]

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