vue-tooltip-v

Tooltip plugin for Vue.js

TO Install

npm install vue-tooltip-v --save
 

in your main.js file import vue-tooltip-v as below

import vueTooltip from 'vue-tooltip-v';

then add the belowline

Vue.use(vueTooltip);

Usage of plugin

add v-tooltip="message" in your html

<button v-tooltip="'this is a text'">Hover me</button>

To Set Direction for the tooltip

<button v-tooltip:[`bottom-right`]="'this is a text'">Hover me</button>

Available options ['bottom-right', 'bottom-left', 'top-left', 'top-right']

Development Setup

# install deps
npm install
 
# serve demo at localhost:8080
npm run dev
 
# build library and demo
npm run build
 
# build library
npm run build:library
 
# build demo
npm run build:demo

License

MIT

Copyright (c) 2019 karthik