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



# Function: useResizeHandlePointerDown() [#function-useresizehandlepointerdown]

```ts
function useResizeHandlePointerDown(pos: number, side: "start" | "end"): (...args: []) => void;
```

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

A React hook that can be used to build a custom resize handles component. It takes the position of
the selected node and whether to create a handler for the start or end handler.

It returns an event handler that can be added to the `"pointerdown"` event.

## Parameters [#parameters]

### pos [#pos]

`number`

### side [#side]

`"start"` | `"end"`

## Returns [#returns]

(...`args`: \[]) => `void`