React Cursor Position Component


react-cursor-position is a primitive component for composing UI features that require notification of cursor and touch position changes. Position coordinates are plotted relative to the HTML element rendered by react-cursor-position.

In the mouse environment it supports scroll position changes during a hover session. In the touch environment, it supports the long press gesture and does not interfere with page or element scrolling.

react-cursor-position re-renders child components with new position props when the cursor or touch position changes.


npm install –save react-cursor-position


React Cursor Position Component


Add Comment