Top-Right
<a href="..." role="tooltip" aria-haspopup="true" class="tooltip tooltip-sm tooltip-top-right">
<span class="example-icon example-more-icon"></span>
<span class="tooltip-content">Lorem ipsum sit</span>
</a>
Top-Left
<a href="..." role="tooltip" aria-haspopup="true" class="tooltip tooltip-sm tooltip-top-left">
<span class="example-icon example-add-icon"></span>
<span class="tooltip-content">Lorem ipsum sit</span>
</a>
Bottom-Right
<a href="..." role="tooltip" aria-haspopup="true" class="tooltip tooltip-md tooltip-bottom-right">
<span class="example-icon example-folder-add-icon"></span>
<span class="tooltip-content">Lorem ipsum dolor sit amet, ipsum</span>
</a>
Bottom-Left
<a href="..." role="tooltip" aria-haspopup="true" class="tooltip tooltip-lg tooltip-bottom-left">
<span class="example-icon example-edit-icon"></span>
<span class="tooltip-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
</a>
Right
<a href="..." role="tooltip" aria-haspopup="true" class="tooltip tooltip-right">
<span class="example-icon example-add-icon"></span>
<span class="tooltip-content">Lorem ipsum dolor sit amet, ipsum</span>
</a>
Left
<a href="..." role="tooltip" aria-haspopup="true" class="tooltip tooltip-sm tooltip-left">
<span class="example-icon example-folder-add-icon"></span>
<span class="tooltip-content">Lorem ipsum sit</span>
</a>