Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
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
