Tooltip

	
	Base markup
	Click to copy

<div class="tooltip-wrap"> 
    <span class="tooltip">Tooltip Text</span> 
    <!-- Some element here -->
</div>

Tooltip Top

Click to copy

<div class="tooltip-wrap"> 
    <span class="tooltip">Tooltip Text</span> 
    <button href="#" class="btn btn-icon">
        <svg height="24px" width="24px" viewBox="0 0 24 24"><use xlink:href="#info" /></svg>
    </button>
</div>

Tooltip Right

Click to copy

<div class="tooltip-wrap"> 
    <span class="tooltip tooltip-right">Tooltip Text</span> 
    <button href="#" class="btn btn-icon">
        <svg height="24px" width="24px" viewBox="0 0 24 24"><use xlink:href="#info" /></svg>
    </button>
</div>