<h2 class="label">default</h2>

<p>Tooltips are <span tooltip="This makes them easy to see in the text">underlined with a dotted line</span>. Tool tips can also be applied to links <a tooltip="This is a link out to Google" href="">which go out to the world</a> which makes
    them quite flexible.</p>
<h2 class="label">{{ modifier }}</h2>

<p>{{{ text }}}</p>

Tooltips can be added to exiting html elements by adding the tooltip attribute. Most commonly you would only want the tooltip to apply to a single sentence or word within a paragraph so it’s designed to be used withe the <span> tag.