A lightweight and simple tooltip component for React

yarn add react-simple-tooltip
npm install react-simple-tooltip --save

https://unpkg.com/react-simple-tooltip/dist/react-simple-tooltip.min.js.

import React from "react"
import Tooltip from "react-simple-tooltip"

const App = () => (
  <Tooltip content="?">
    <button>Hover me !</button>
  </Tooltip>
)

import React from "react"
import Tooltip from "react-simple-tooltip"

const App = () => (
  <div style={{position: "relative"}}>
    <Tooltip
      style={{position: "absolute", top: "50%", right: "0"}}
      content="?"
    />
  </div>
)

import React from "react"
import Tooltip from "react-simple-tooltip"
import {css} from "styled-components"

const App = () => (
  <Tooltip
    content="?"
    customCss={css`
      white-space: nowrap;
    `}
  >
    <button>Hover me !</button>
  </Tooltip>
)