Simple VueJS Tooltip Directive

VueJS directive for creating simple tooltips on elements. A tooltip is a graphical user interface (GUI) element used in conjunction with the cursor or mouse pointer to display information about an item without needing to click on it. If you are working on Vue app and looking for just simple tooltip directive then in this post I am going to share VueJS Tooltip Directive for you.
vue-tooltip

Installation

Install Directive via NPM

npm install vue-ctk-tooltip --save

Here is the simple tooltip example script in vue.js

import Vue from 'vue'
import CtkTooltip from 'vue-ctk-tooltip'
import 'vue-ctk-tooltip/ctk-tooltip.css'
Vue.use(CtkTooltip)
 
<button v-ctk-tooltip="'Your tooltip message'">Hover Me</button>

See live demo and download source code.

DEMO | DOWNLOAD

This awesome script developed by chronotruck, Visit their official github repository for more information and follow for future updates.


Don’t forget to Subscribe My Public Notebook for more useful free scripts, tutorials and articles.