🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Vuexplosive Modal is a simple Vue modal component with an explosion effect.

Modal _Popup

Documentation

Vuexplosive Modal 🔥

A simple Vue modal component with an explosion effect

Install

npm install vuexplosive-modal --save

Usage

<VuexplosiveModal :visible="showModal"></VuexplosiveModal>  <button @click="toggleModal">Open Modal</button>
import VuexplosiveModal from "vuexplosive-modal"  export default {   components: {     VuexplosiveModal   },   data() {     return {       showModal: false     };   },   methods: {     toggleModal() {       this.showModal = !this.showModal;     }   } };

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>`     }   },

You May Also Like