${require('./_head.html') title="Tooltips" description="Enable tooltips everywhere in pure HTML, without JavaScript." canonical="tooltips.html" } ${require('./_nav.html')}

${require('./_sidebar.html') active="tooltips-link"}

Tooltips

Enable tooltips everywhere in pure HTML, without JavaScript.

Tooltip on a link

Tooltip on inline element

<p>Tooltip on a <a href="#" data-tooltip="Tooltip">link</a></p>
<p>Tooltip on <em data-tooltip="Tooltip">inline element</em></p>
<p><button data-tooltip="Tooltip">Tooltip on a button</button></p>

${require('./_footer.html')}