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.

Installation:

npm install –save react-cursor-position

Preview:

React Cursor Position Component

Download Details:

Author: ethanselzer

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/ethanselzer/react-cursor-position

License: MIT

Tags:

Add Comment