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.
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")"></inline-svg>
</span>
</a>