microtip-react v1.0.2

microtip-react

Getting started

Demo

Try it out

Installation

via npm

npm install microtip-react --save

Usage

Attached to a Component

import React from "react"
import Tooltip from "microtip-react"
import "./App.css"

const App = () => (
  <div className="tooltipContainer">
    <Tooltip
      label="Hi!"
      position="bottom"
      size="small"
      duration="0.5s"
      delay="0.2s"
      fontWeight="bold"
      textTransform="capitalize"
    >
      <button>My Button</button>
    </Tooltip>
  </div>
)

export default App

.tooltipContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 300px;
}

Props