1.0.4 • Published 2 years ago

react-use-mouse-position v1.0.4

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

useMousePosition - a custom React hook

  • A lightweight (508 B) package to easily track mouse position in Reactjs
  • Very useful for tinder style cards and other draggable elements
  • v1.0.2 adds a variety of touch events, improving mobile usability

Install

npm install react-use-mouse-position

Example

import React from "react";
import { useMousePosition } from "react-use-mouse-position";

function MyApp() {
  const { mouseX, mouseY } = useMousePosition();
  console.log("mouseX:", mouseX);
}

useMousePosition returns

NameTypeDefaultDescription
mouseXnumThe mouses current x position
mouseYnumThe mouses current y position

License

Code released under the MIT license.