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.

Text formatting options
Submit

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 &amp; 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

Text formatting options
Submit
Text formatting options
Submit