Tooltips

Tooltips use tippy.js powered by popper.js.
In order to make tooltips works, add these files. assets/js/tippy.js/dist/tippy-bundle.umd.min.js, assets/js/rdta/components/rdta-tooltips.js

Then enable its functional.

document.addEventListener('DOMContentLoaded', function() {
    let rdtaTooltips = RDTATooltips.init('[data-toggle="tooltip"]');
});

And you can get latest tippy instance or all instances with rdtaTooltips.getInstance() or rdtaTooltips.getInstances() method. Open browser console to see demonstration.

---

Examples

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in sagittis neque. Nunc id ex sed tortor dapibus mollis. Phasellus mollis maximus pretium. Praesent hendrerit ultricies tellus a vehicula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis nisi elit, aliquam sit amet gravida eget, tempus nec ante. Sed dictum lobortis libero ac placerat.

Source

Placement

Source

---

For more options, please read more at tippy.js documentation.