$ npm i @faceless-ui/mouse-info
$ # or
$ yarn add @faceless-ui/mouse-info import React from 'react';
import { MouseInfoProvider, withMouseInfo, useMouseInfo } from '@faceless-ui/mouse-info';
const WithMouseInfo = withMouseInfo(({ mouseInfo }) => <div>{mouseInfo}</div>);
const UseMouseInfo = () => <div>{useMouseInfo()}</div>;
const App = () => {
return (
<MouseInfoProvider>
<WithMouseInfo />
<UseMouseInfo />
</MouseInfoProvider>
)
}
export default App;For working examples, see the demo app.
$ git clone git@github.com:faceless-ui/mouse-info.git
$ yarn
$ yarn dev
$ open http://localhost:3000Help us, or let us help you help us.
MIT Copyright (c) TRBL, LLC