vue-popper
A popper mixin for Vue.
6,413
116
| Install | |
|---|---|
npm install vue-popper |
|
| Latest Version: | 0.3.8 |
| Vue: | 1 |
| License: | MIT |
| Last Updated: | Jul 20, 2016 |
| Links: | GitHub · npm |
Maintainer: qingwei.li
vue-popper
A popper mixin for Vue.js using popper.js.
Demo
https://element-component.github.io/vue-popper/
Usage
import Popper from 'vue-popper'
export default {
mixins: [Popper],
props: {
content: String,
visibleArrow: {
default: true
}
},
template: `
<span>
<div class="popper" v-el:popper v-show="visible">
<span v-text="content"></span>
</div>
<div class="rel" v-el:reference>
<slot></slot>
</div>
</span>
`
}
API
| Option | Description | Value | Default |
|---|---|---|---|
| reference | The reference element used to position the popper. | HTMLElement | this.$els.reference |
| popper | The HTML element used as popper, or a configuration used to generate the popper. | HTMLElement | this.$els.popper |
| placement | Placement of the popper. | top, top-start, top-end, bottom, bottom-start, bottom-end, left, left-start, left-end, right, right-start, right-end |
'bottom' |
| offset | Amount of pixels the popper will be shifted (can be negative). | Number | 0 |
| visible | Visibility of the popup element. | Boolean | false |
| visible-arrow | Visibility arrow, no style. | Boolean | false |
| autoCreate | auto init popper | Boolean | true |
| created | create popper after callback | Function(vm) |
Methods
- createPopper
Development
make dev
Production
make dist
License
MIT
Related Packages
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 0.3.8 | ^1.0.0 | MIT | |
| 0.3.7 | ^1.0.0 | MIT | |
| 0.3.6 | ^1.0.0 | MIT | |
| 0.3.5 | ^1.0.0 | MIT | |
| 0.3.4 | ^1.0.0 | MIT | |
| 0.3.3 | ^1.0.0 | MIT | |
| 0.3.2 | ^1.0.0 | MIT | |
| 0.3.1 | ^1.0.0 | MIT | |
| 0.3.0 | ^1.0.0 | MIT | |
| 0.2.1 | * | MIT | |
| 0.2.0 | * | MIT |