Vue.js 2.0+ dropdown

Live demo here

Install:

npm install vue-js-dropdown --save

Import:

import Vue      from 'vue'
import Dropdown from 'vue-js-dropdown'

Vue.use(Dropdown)

Use:

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

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

Positioning

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

Example:

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