Simple VueJS Tooltip Directive – iamrohit.in

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.

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 Mebutton>

See live demo and download source code.

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.

Related