Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$ 
How to Add tooltip
I want to add tooltip on the sidebar menu. How can I add the tooltip. Can you please help me in enabling the functionality of adding tooltip.
Replies (1)
Hi Anvita,
If you are using the latest Metronic version then you can use v-tooltip directive For your sidebar link add v-tooltip data-bs-title="tooltip text".
Example:
<a
href="https://preview.keenthemes.com/metronic8/vue/docs/#/doc-overview"
class="btn btn-flex flex-center btn-custom btn-primary overflow-hidden text-nowrap px-0 h-40px w-100"
v-tooltip
data-bs-title="tooltip text"
>
<span class="btn-label">Docs & Components</span>
<span class="svg-icon btn-icon svg-icon-2 m-0">
<inline-svg
:src="getAssetPath("/media/icons/duotune/general/gen005.svg")"
/>
</span>
</a>Regards,
Lauris Stepanovs,
Keenthemes Support Team
