Vue.js 2.0+ popover

Renames from vue-js-popover as a number of people said that the name is misleading.

Live demo here

Install:

npm install vue-js-popover --save

Import:

import Vue      from 'vue'
import Popover  from 'vue-js-popover'

Vue.use(Popover)

Use:

<button v-popover:foo>Toggle popover</button>

<popover name="foo">
  Hello 🎉
</popover>

Positioning

You can use .left, .right, .top, .bottom modifiers to set the position of the popover.

Example:

<button v-popover:foo.left>Toggle popover (left)</button>