A tooltip

// Can be created dynamically
var tooltip = new OreeshTooltip();


<!-- Or via HTML -->
<!-- Basic example -->
<oreesh-tooltip label="Don't forget an umbrealla!">
    Hover over me for a tip
</oreesh-tooltip>

<!-- No arrow on tooltip -->
<oreesh-tooltip label="No arrow!" no-arrow>
    Hover here
</oreesh-tooltip>

<!-- Positioning the tooltip on the right -->
<oreesh-tooltip label="I'm on the top and growing to the left" position="top-left">
    Hover here
</oreesh-tooltip>
<br><br><br><br><br>

<!-- Using a custom div for the tooltip -->
<oreesh-tooltip tip-attribute="extratip">
    Hover here
    <div extratip>
        <img src="image.png">With Image!
    </div>
</oreesh-tooltip>

<!-- No event & visible -->
<oreesh-tooltip label="always visible!" no-event visible>
    tooltip content
</oreesh-tooltip>

<!-- No hover -->
<oreesh-tooltip label="no Hover" no-hover>
    tooltip content
</oreesh-tooltip>