Skip to content

olitaylor/vtooltip

Repository files navigation

Build Status

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!