auto-tip v0.0.2

Auto-tip

A simple and smart tip component using align

demo

Install

npm i auto-tip

Example

<span data-tip="add new item" data-tip-position="tc-bc">+</span>

var Tip = require('auto-tip')
var tip = Tip(el)
tip.show()
tip.hide() // tip.fade() to fade out

API

tip(el, option)

Initialize tip element and optional option.

• option.limit the minimal margin betwwen el and viewport in pixeles

.show(text, offset)

Show with optional text and offset for align.

.hide()

Remove the tip.

.fade()

Remove the tip with fade css classes, change classes .tip-hide to customized it, default is:

.tip-hide {
  opacity: 0;
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.visible

Check if tip element visible.

License

MIT