Press "Enter" to skip to content

💬 Easy Tooltips, Popovers, Dropdown for Vue | v-tooltip

V-ToolTip is an easy and impressive toolkit and scenes with Popper.js

vue tooltip, v tooltip, vue custom tooltip, vue tooltip on hover, vue tooltip example, vue popover, vue tooltip directive, v tooltip not working

Bootstrap Tooltips and Popovers Extend By Adding Custom Classes

How to make use of it:

Package Install:

npm i -S v-tooltip@next

Add plugin in your application:

import Vue from 'vue'
import VTooltip from 'v-tooltip'

Vue.use(VTooltip)

Add the default style:

import 'v-tooltip/dist/v-tooltip.css'

Use the v-tooltip directive:

<button v-tooltip="'You have ' + count + ' new messages.'">

Use the VDROPDOWN or VMENU component:

<VDropdown>
  <!-- This will be the popover target (for the events and position) -->
  <button>Click me</button>
  <!-- This will be the content of the popover -->
  <template #popper>
    <MyAwesomeComponent/>
  </template>
</VDropdown>

Easy Tooltips With Vue, v-tooltip Plugin/Github


See Demo And Download

Official Website(Akryum): Click Here

This superior jQuery/javascript plugin is developed by Akryum. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.