Package Exports

v-popper

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (v-popper) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

v-popper

vue components base on popper.js

Install

npm install v-popper --save

Usage

<template>
  <div class="demo">
    <popper trigger="click">
       content
      <button type="button" name="button" slot="reference">click me</button>
    </popper>
  </div>
</template>

<script>
import Popper from 'v-popper';
export default {
  components: {
    Popper
  }
};
</script>

Props

Props	Type	Default	Description
trigger	String	hover	Optional value: hover or click
options	Object	{ placement: 'bottom' }	Popper.js options
transition	String		Vue transition
append-to-body	Boolean	false
boundary	String		Selector of boundary
delay	Number	10	Delay of show and hide
offset	String		Offset of popper
disabled	Boolean	false
z-index	Number	10	z-index of popper

Attention

Props transition will not work correctly if transition class contains css such as:

transform: scaleY(1);

or:

transition: all 0.2s ease;

Because popper.js use transform in style.