Laravel and Livewire have revolutionized the way we build dynamic applications with minimal JavaScript. But when it comes to handling modals, most solutions tend to lock us into specific design frameworks like Bootstrap or Tailwind CSS. What if you need the flexibility to choose your design system? That’s where my newly released Laravel Livewire Modal package comes in!
The Laravel Livewire Modal package is a framework-agnostic solution for handling modals in your Livewire projects. It’s designed to work seamlessly with Bootstrap, Tailwind CSS, or any custom styles. Whether you’re working on a brand new project or integrating into an existing one, this package adapts to your needs.
You can get started by installing the package via Composer:
composer require sagor110090/livewire-modal
Next, add the following line to your app.blade.php layout file to enable modals throughout your application:
Also, don’t forget to include the required JS and CSS in your resources/js/app.js:
import '../../vendor/sagor110090/livewire-modal/resources/js/loader.js'; import '../../vendor/sagor110090/livewire-modal/resources/css/loader.css';
Here’s how easy it is to open and close modals using this package:
To get you started, here’s a sample Livewire component for editing a user:
user = User::find($id); } public function render() { return view('livewire.edit-user'); } }
This package is completely design-agnostic, meaning you can use any framework to style your modals. For example, if you’re using Tailwind CSS:
Feel free to replace the styling with Bootstrap, custom CSS, or whatever design system you prefer.
Most modal solutions are tied to specific design frameworks, limiting your flexibility. This package gives you full control over how you style your modals while providing seamless integration with Livewire’s powerful components.
Whether you’re building a large application or a simple project, this package is designed to be lightweight, flexible, and easy to use.
If you’re ready to simplify modal management in your Laravel Livewire projects, give this package a try! You can install it via Composer:
composer require sagor110090/livewire-modal
And be sure to check out the GitHub repository for more details and support.
Thanks for reading! I hope this package helps you build more flexible and dynamic Laravel applications. If you have any questions or feedback, feel free to reach out in the comments.
Happy coding! ?
Disclaimer: All resources provided are partly from the Internet. If there is any infringement of your copyright or other rights and interests, please explain the detailed reasons and provide proof of copyright or rights and interests and then send it to the email: [email protected] We will handle it for you as soon as possible.
Copyright© 2022 湘ICP备2022001581号-3