0.0.6 • Published 6 years ago

v-popper v0.0.6

Weekly downloads
2
License
MIT
Repository
github
Last release
6 years ago

v-popper

NPM version NPM downloads

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

PropsTypeDefaultDescription
triggerStringhoverOptional value: hover or click
optionsObject{ placement: 'bottom' }Popper.js options
transitionStringVue transition
append-to-bodyBooleanfalse
boundaryStringSelector of boundary
delayNumber10Delay of show and hide
offsetStringOffset of popper
disabledBooleanfalse
z-indexNumber10z-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.

0.0.6

6 years ago

0.0.5

6 years ago

0.0.4

6 years ago

0.0.3

6 years ago

0.0.2

6 years ago

0.0.1

6 years ago