Popper and Tippy Dynamic Imports from CDN

by Oski Krawczyk

HTML

<button id="myButton">My button</button>

JavaScript

(async () => {
    const Popper = await import('https://cdn.jsdelivr.net/npm/@popperjs/core@2/+esm');
    const tippyModule = await import('https://cdn.jsdelivr.net/npm/tippy.js@6/+esm');

		window.tippy = tippyModule.default
    console.log(Popper, tippy)
    
    tippy('#myButton', {
      content: 'My tooltip!',
    });
})();