vue-tooltip-v

Tooltip plugin for Vue.js

Usage no npm install needed!

<script type="module">
  import vueTooltipV from 'https://cdn.skypack.dev/vue-tooltip-v';
</script>

README

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