cssoft/tippyjs

Highly customizable vanilla JS tooltip/popover library for Magento 2

1.0.0 2025-01-09 06:09 UTC

MIT

README

Tippyjs - is a Magento2 module that integrates Tippy library into Magento.

Installation

composer require cssoft/module-tippyjs
bin/magento setup:upgrade

Usage

Basic example:

require(['tippy'], function (tippy) {
    // Tippify all titled elements
    tippy('[title]');
});

See all available options at official site: https://atomiks.github.io/tippyjs/v6/all-props/

Advanced example (works for dynamically added elements):

require([
    'Magento_Ui/js/lib/view/utils/async',
    'tippy'
], function ($, tippy) {
    $.async('[title]', function (el) {
        tippy(el);
    });
});