Create modals, sidebars, notifications, pop ups with css transitions!
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: