Type
magento2-module
Highly customizable vanilla JS tooltip/popover library for Magento 2
magento2-module
MIT
None
None
None
None
None
None
Tippyjs - is a Magento2 module that integrates Tippy library into Magento.
cd <magento_root>
composer require swissup/tippyjs
bin/magento module:enable Swissup_Tippyjs
bin/magento setup:upgrade
Basic example:
require(['tippy'], function (tippy) {
// Tippify all titled elements
tippy('[title]')
});
See all available options at official site: https://atomiks.github.io/tippyjs/#all-options
Advanced example (works for dynamically added elements):
require([
'Magento_Ui/js/lib/view/utils/async',
'tippy'
], function ($, tippy) {
$.async('[title]', function (el) {
tippy(el)
});
});