vue-over-body Create modals, sidebars, notifications, pop ups with css transitions!
Live Demo with bulma css framework, but we do not impose any css framework
npm install --save vue-over-body
import Vue from 'vue'
import overBody from 'vue-over-body'
new Vue({
components: {
'vue-over-body': overBody
},
data: function () {
return {
open: 1
}
}
}).$mount('#app')
<vue-over-body :dim="false" :open="open" before="before" after="after" :transition="0.3">
<div>
<button @click="open = 0">×</button>
<p>A little alert message!</p>
<p>For the users of your app!</p>
</div>
</vue-over-body>
.before {
top: 50px;
right: -300px;
width: 300px;
background-color:yellow;
position:absolute;
}
.after {
right: 50px;
}
We need help! Our goals are:
What is outside of the scope of this project:
Author: marcodpt
Live Demo: https://marcodpt.github.io/vue-over-body/
GitHub: https://github.com/marcodpt/vue-over-body
#vuejs #vue #javascript #vue-js