Metronic Mega Update!Tailwind 4, React 19, Next.js 15, KtUI, ReUI, eCommerce, User Management Apps and more
Explore Update 
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
