Version: v4.0.0

use-mouse

About#

Mouse position hook for React.


Installation#

npm install --save @rooks/use-mouse

Importing the hook#

import useMouse from "@rooks/use-mouse"

Usage#

function Demo() {
const { x, y } = useMouse();
return (
<>
<p> Move mouse here to see changes to position </p>
<p>X position is {x || "null"}</p>
<p>X position is {y || "null"}</p>
</>
);
}
render(<Demo/>)

Returned Object#

Returned object attributesTypeDescription
xintX position of mouse
yintY position of mouse

Codesandbox Examples#

Basic Usage#

Join Bhargav's discord server#

You can click on the floating discord icon at the bottom right of the screen and talk to us in our server.

Last updated on by imbhargav5