vue-advanced-popover

vue-advanced-popover

Advanced Vue popover component

Demo

You can check out demo page: click here

Installation

npm install vue-advanced-popover

or use script directly in the browser: dist/vue-advanced-popover.min.js

Usage

1. Setup:

• npm:

import Vue from 'vue';
import VueAdvancedPopover from 'vue-advanced-popover';
 
Vue.use(VueAdvancedPopover);

• directly in the browser:

<!-- import Vue.js at first -->
<script src="vue-advanced-popover.min.js"></script>

Vue plugin VueAdvancedPopover exposes global v-popover component and v-popover directive.

1. Typical use:

<button v-popover="'my-popover'">Open popover</button>
 
<v-popover id="my-popover">
    Popover content
</v-popover>

Documentation

• Documentation Page
• Playground Page