A simple configurable modal component built with Vue.js and Tailwind CSS in Laravel. Build it yourself with this tutorial on Nick Basile's Blog.
- Add the component to any page
<modal-component></modal-component>
- Call the modal from that page
<script type="text/javascript">
vueModal().show()
</script>
- You can use a chainable method calls or pass data directly into the methods
//Success
vueModal().success().show();
//Error
vueModal().error().show();
//Info
vueModal().info().show();
//Warning
vueModal().warning().show();
//Change Header
vueModal().title('Your Header').show();
//Change Body
vueModal().text('Your Body').show();
//Dismiss a modal
vueModal().dismiss();
//Or
vueModal(header = string, body = string, type = string, visiblity = bool);