React Mouse Info
Quick Start
Installation
$ npm i @faceless-ui/mouse-info
$
$ yarn add @faceless-ui/mouse-info
Composition
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.
Demo
$ git clone git@github.com:faceless-ui/mouse-info.git
$ yarn
$ yarn dev
$ open http://localhost:3000
API
Contribution
Help us, or let us help you help us.
License
MIT Copyright (c) TRBL, LLC