Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

🔹 Description

A component that give gives an informative message and appears when the user interacts hovers with the elementitem that has a tooltip enabled..

...

🔹System Dependencies

...

Code Block
npm install empower-display --save

🔹 Standard

...

Tooltip

...

Configuration

Code Block
import { Tooltip } from 'empower-display';

..............

  const configToolTipTop = {
      delay:600, 
      direction: 'top',
      content:'This is the content for tooltop'
  }
    
..............

  return (
    <> 
      <Tooltip {...configToolTipTop}>
          Sample Tooltip
          <span className="example-emoji " role="img" aria-label="cowboy emoji ">
              🤠
          </span>
      </Tooltip>
    </>
  )

...

🔹 References

Repository Link: https://gitlabbitbucket.comorg/empowerteams/empower-display.git

NPM Package: https://www.npmjs.com/package/empower-display

...