Tippy Tooltip

Tippy.js is the complete tooltip, popover, dropdown, and menu solution for the web, powered by Popper.

Install from NPM

There are two ways to install the package.

npm i tippy.js
    or
yarn add tippy.js

How to link Tippy.js Tooltip package?

//CSS file
<link href="./assets/libs/tippy.js/tippy.css" rel="stylesheet">

//JavaScript files                    
<script src="assets/libs/@popperjs/core/umd/popper.min.js"></script>
<script src="assets/libs/tippy.js/tippy.umd.js"></script>

To apply Tippy.js Tooltip add the below code in the init.js file.

tippy('#hover', {
    interactive: true,
    content: 'I am a Tooltip',
});