react-sticky-mouse-tooltip
v0.0.1
React tooltip component that follow mouse cursor. You can pass as this tooltip children any HTML element or other React component.
1.0K/weekUpdated 3 years agoMITUnpacked: 13.4 KB
Published by marlo22
npm install react-sticky-mouse-tooltipreact-sticky-mouse-tooltip
React tooltip component that follow mouse cursor. You can pass as this tooltip children any HTML element or other React component.
Installation
npm install react-sticky-mouse-tooltip --saveor
yarn add react-sticky-mouse-tooltip
Example
``
js
import React from 'react';
import MouseTooltip from 'react-sticky-mouse-tooltip';class Preview extends React.Component {
state = {
isMouseTooltipVisible: false,
};
toggleMouseTooltip = () => {
this.setState(prevState => ({ isMouseTooltipVisible: !prevState.isMouseTooltipVisible }));
};
render() {
return (
offsetX={15}
offsetY={10}
>
Follow the cursor!
);
}
}
`Attributes
| Attribute | Description | Type | Required | Default value |
| --- | --- | --- | --- | --- |
| visible | Visibility of component. | boolean` | No | `true` |
| offsetX | Offset along X axis. | `number` | No | `0` |
| offsetY | Offset along Y axis. | `number` | No | `0` |
| className | Tooltip `div` class name. | `string` | No | - |
| style | Styles properties of tooltip `div`. | `object`` | No | - |License
MIT