A flexible and design-agnostic Laravel Livewire modal package that works seamlessly with Bootstrap, Tailwind CSS, or custom styles. Easily integrate dynamic modals in your Laravel projects without being tied to any specific CSS framework.
MIT License
Bot releases are hidden (Show)
Version: 1.0.0
Release Date: August 18, 2024
We are excited to announce the first stable release of our Laravel Livewire Modal package! This release introduces a fully customizable and design-agnostic modal solution that integrates seamlessly with Laravel Livewire. Whether you prefer using Bootstrap, Tailwind CSS, or a completely custom design, this package is built to adapt to your styling preferences with ease.
The package can be installed using Composer:
composer require sagor110090/livewire-modal
Add the Required JS and CSS Imports:
In your resources/js/app.js
, include the following lines:
import '../../vendor/sagor110090/livewire-modal/resources/js/loader.js';
import '../../vendor/sagor110090/livewire-modal/resources/css/loader.css';
Triggering the Modal:
Use the following code to open the modal:
<button wire:click="$dispatch('openModal', { component: 'edit-user', data: { id: {{ $user->id }} } })">
Open Modal
</button>
And to close the modal:
<button type="button" wire:click="$dispatch('closeModal')">
Cancel
</button>
Customizable Design:
You have full control over the design and can style the modal with any CSS framework or custom CSS.
We welcome contributions from the community! Feel free to fork the repository and submit pull requests to help improve the package.