Skip to content

ablypl/simple-tooltip

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

About

Simple Vuejs tooltip plugin. At the moment it needs tailwindcss

It applies this class list: 'bg-black text-xs px-2 leading-normal py-1 rounded absolute text-grey-light max-w-xs'

Installation

npm install lari-simple-tooltip --save

Demo

Usage

import SimpleTooltip from 'lari-simple-tooltip'


Vue.use(SimpleTooltip)

Simple usage:

Display tooltip on top

<button v-tooltip="'Tooltip content'">Submit</button>

Define tooltip position

<button v-tooltipi:right="'Tooltip content'">Submit</button>

Available options: left, right, top, bottom

Display tooltip by default (no mouseover/out events)

<button v-tooltip.prevent="'Tooltip content'">Submit</button>

Display tooltip on click

<button v-tooltip.click="'Tooltip content'">Submit</button>