@idot-digital/tooltips NPM

tooltips

Custom styled tooltips for react

Install

npm install --save @idot-digital/tooltips
yarn add @idot-digital/tooltips

Usage

Possibility to pass a nodeRef or activate centerAtFirstChild in order to prevent wrong placement when using multiple elements inside Tooltip

import React from 'react'

import Tooltip from '@idot-digital/tooltips'
import '@idot-digital/tooltips/dist/index.css'

const Example = () => {
  return (
    <React.Fragment>
      <Tooltip
        text='Some tooltip text'
        className='Some classname'
        followMouse
        closeOnClick
      >
        Your component or text
      </Tooltip>
      <Tooltip
        text={
          <div>
            Some <b>ADVANCED</b> tooltip
          </div>
        }
        className='Some classname'
        followMouse
        closeOnClick
      >
        Your component or text
      </Tooltip>
    </React.Fragment>
  )
}