vuexplosive-modal
v1.2.0
Published
A simple Vue modal component with an explosion effect
Downloads
82
Readme
Vuexplosive Modal 🔥
A simple Vue modal component with an explosion effect
Install
npm install vuexplosive-modal --save
Usage
<VuexplosiveModal :visible="showModal"></VuexplosiveModal>
<button @click="showModal = !showModal">Open Modal</button>
import VuexplosiveModal from "vuexplosive-modal"
export default {
components: {
VuexplosiveModal
},
data() {
return {
showModal: false
};
}
};
Props
props: {
visible: {
default: false
},
title: {
default: "🔥 Boo!"
},
closeIcon: {
default: `<span>❌</span>`
},
content: {
default: `<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet a tenetur delectus reprehenderit, omnis doloremque at earum officia unde sequi accusantium corporis praesentium deserunt laboriosam dignissimos voluptatum culpa molestiae ullam. 👻</p>`
},
footer: {
default: `<button>I do nothing!</button>`
}
},
License
Licensed under the MIT License