How to build a Reusable Vuejs modal component

If you prefer to watch a video, you can watch it over here — https://youtu.be/L9-KlbESFTQ

Modal is one of the essential components in the user interface. It’s good to display or receive a response from the user without moving to other pages. I’m going to build a Modal component and reusable in every page.

Modal that we’re going to build is a simple modal with static content inside it.

Create a VueJS component

Create a new file in your Vue apps and define them as Vue components. Set the component name in the script section.

I’ll be using TailwindCSS to style the components.

Let me know if you need any tutorial/guide on building UI with TailwindCSS.

Modal.vue