index.html

<html>
    <head>

        <style>
        a {
            display: inline-block;
            text-decoration: none;
        }

        a:hover {

            text-decoration: underline;
        }
        </style>
    </head>
    <body>
        <div>
            <span style="text-align: right" data-tooltip="Nothing to declareé, well maybe a little. Will this still fit? 😂"  data-tooltip-width="200" data-tooltip-position="bottom" data-tooltip-offset="0">hallo tooltip</span>
        </div>
        <div>
            <a href="#" data-tooltip="Go to www.google.nl " data-tooltip-position="left" data-tooltip-offset="0">test</a>
        </div>
        <div>
            <span style="text-align: right; float: right" data-tooltip="Something to declare 😂 my friend?" data-tooltip-offset="5">hallo tooltip</span>
        </div>

        <script>
            const tooltip = require('./src/electron-tooltip')
            tooltip()
        </script>
    </body>
</html>