Skip to content

Latest commit

 

History

History
25 lines (17 loc) · 912 Bytes

README.md

File metadata and controls

25 lines (17 loc) · 912 Bytes

mouse-pointer-tools

mouse-pointer-tools is a react component that provides a toolkit for tracking the pointer position of the mouse. The toolkit provides both the x and y coordinates printed beside the pointer as well as optional horizontal and vertical rules for precision tracking. The colour of the lines and coordinates are customisable within the ReactDOM.render see the example use case below

gif

Example of how to use

var React         = require('react');
var ReactDOM      = require('react-dom');
var PointerTools  = require('mouse-pointer-tools');
var rootElement   = document.body.getElementById("wrapper");

ReactDOM.render(
  <PointerTools color="pink" />,
  rootElement
);

Why would you use it?

  • Styling tool for web app layout
  • User screen tracking