Animated, minimal and beautiful React tooltip component. Only 3kb minified and gzipped.
npm
npm install react-microtip --save
*yarn
yarn add react-microtip --save
import Microtip from 'react-microtip';
<Microtip
content={"This tip is nice!"}
duration={180}
delay={0}
easing="ease-in-out"
position="top">
<div>My Button</div>
</Microtip>| Property | Is Required? | Description | Default value |
|---|---|---|---|
| content | true | Content of tooltip | |
| duration | false | The duration of tooltip transition | 180 |
| delay | false | The delay time before showing the tooltip | 0 |
| easing | false | The easing applied while transitioning the tooltip | ease-in-out |
| position | false | The position of tooltip. There are 8 available positions: top, top-left, top-right, bottom, bottom-left, bottom-right, left, right | top |
- David Tran JSLancer.com
This project is inspired by Microtip library