Skip to content

filiprak/vue-advanced-popover

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-advanced-popover

Advanced Vue popover component

MIT npm

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