Powered by GitBook

1 of 1

Loading...

use-click-coordinates

The usesClickCoordinates hook is for capturing click coordinates, this is useful when positioning a tooptip or creating visual effects

Module

Syntax

where:

ref: node reference to observe the click event.
handlerClick: Callback that receives the coordinates of the click event.

Coordinates

Where :

x: MouseEvent.clientX
y: MouseEvent.clientY
offset.x : MouseEvent.offsetX
offset.Y : MouseEvent.offsetY

Example

import { useClickCoordinates } from "@atomico/hooks/use-click-coordinates";

useClickCoordinates(ref, handlerClick);

interface Coordinates {
  x: number;
  y: number;
  offset: {
    x: number;
    y: number;
  };
}

WebComponents.devWebComponents.dev