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 --save

Usage

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