Top-Right
Lorem ipsum sit

<a href="javascript://" 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
Lorem ipsum sit

<a href="javascript://" 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
Lorem ipsum dolor sit amet, ipsum

<a href="javascript://" 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
Lorem ipsum dolor sit amet, consectetur adipisicing elit

<a href="javascript://" 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
Lorem ipsum dolor sit amet, ipsum

<a href="javascript://" 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
Lorem ipsum sit

<a href="javascript://" 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>