vtooltip

Simple native Vue.js tooltip component

Install

Vue Compatibility

Compatible with Vue 2.0

NPM

$ npm install vtooltip

Register the component

import tooltip from 'vtooltip';
Vue.use(tooltip);

Basic markup should look like this

<tooltip text="Tooltip text">Hover here</tooltip>

Settings

Set tooltip position to above

• Default: bottom

position="top" 

Set tooltip text size, number will be used to change px size

• Default: 13

:textsize="15" 

Changes tooltip text color, accepts any allowed CSS color value

• Default: null

color="red" 

Changes tooltip background color, accepts any allowed CSS color value

• Default: null

bgcolor="blue" 

Gives the tooltip rounded edges

• Default: false

:rounded="true" 

Forces the tooltip to always show

• Default: false

:always="true" 

More features coming soon!