1.0.6 • Published 8 years ago
react-microtip v1.0.6
React Micro Tip
Minimal, beautiful React tooltip component. Only 3kb minifed and gzip
Installation
npm
npm install react-microtip --save*yarn
yarn add react-microtip --saveUsage
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>Properties
| 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 |
Credits
- David Tran JSLancer.com
This project is inspired by Microtip library