Function useDrag

useDrag(props: DragProps): DragValue

Handles the drag behavior across platforms.

Parameters

props: DragProps
Drag props.

Returns DragValue

An object which identity never changes between renders.

Example

const targetRef = useRef(null);

const { dragProps, isDragged } = useDrag({
  onDrag(info) {
    targetRef.current.style.inset = `${info.y}px auto auto ${info.x}px`;
  }
});

<div
  {...dragProps}
  ref={targetRef}
  style={{
    position: 'absolute',
    width: 100,
    height: 100,
    backgroundColor: isDragged ? 'red' : 'blue',
  }}
/>