Repository files navigation

If you like the project, please give the project a GitHub 🌟

Why do we show ads on our docs?

• ReactTooltip is an open source project, this is the way we found to be financed by the community.

Documentation for V4 -Github Page.

Documentation for V5 -ReactTooltip.

npm install react-tooltip

or

yarn add react-tooltip

React Tooltip is proud to be sponsored byFrigade, a developer tool for building better product onboarding: guided tours, getting started checklists, announcements, etc.

1 . Import the CSS file to set default styling.

import'react-tooltip/dist/react-tooltip.css'

This needs to be done only once and only if you are using a version before than5.13.0. We suggest you do it on yoursrc/index.js or equivalent file.

2 . Importreact-tooltip after installation.

import{Tooltip}from'react-tooltip'

or if you want to still use the name ReactTooltip as V4:

import{TooltipasReactTooltip}from'react-tooltip'

3 . Adddata-tooltip-id="<tooltip id>" anddata-tooltip-content="<your placeholder>" to your element.

data-tooltip-id is the equivalent of V4'sdata-for.

<adata-tooltip-id="my-tooltip"data-tooltip-content="Hello world!">  ◕‿‿◕</a>

4 . Include the<Tooltip /> element.

<Tooltipid="my-tooltip"/>

Before trying these, make sure you're running the latest ReactTooltip version with

npm install react-tooltip@latest

or

yarn add react-tooltip@latest

Please check ourtroubleshooting section on our docs.

If you can't find your problem here, make sure there isn'tan open issue already covering it.If there isn't, feel free tosubmit a new issue.

How I insert sass into react component

danielbarion Maintainer - Creator of React Tooltip >= V5.

gabrieljablonski Maintainer.

aronhelser (inactive).

alexgurr (inactive).

pdeszynski (inactive).

roggervalf (inactive).

huumanoid (inactive)

wwayne (inactive) - Creator of the original React Tooltip (V1.x ~ V4.x.)

We would gladly accept a new maintainer to help out!

We welcome your contribution! Fork the repo, make some changes, submit a pull-request! Ourcontributing doc has some details.

MIT