Full Changelog: https://github.com/sagor110090/livewire-modal/compare/1.0.0...1.0.1

Release Notes - Laravel Livewire Modal Package

Version: 1.0.0
Release Date: August 18, 2024

Overview

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.

Key Features

• Framework-Agnostic Design: Use this package with any CSS framework, including Bootstrap, Tailwind CSS, or your own custom styles.
• Simple Integration: Easily trigger modals using Livewire events without the need for additional JavaScript setup.
• Dynamic Data Handling: Pass data dynamically to modals, making it easy to handle complex interactions in your Livewire components.
• Pre-Built Loader Integration: Automatically manage loading states using the built-in loader that comes ready to integrate into your application.

Installation

The package can be installed using Composer:

composer require sagor110090/livewire-modal

Getting Started

1. 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';
   

2. 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>
   

3. Customizable Design:
   You have full control over the design and can style the modal with any CSS framework or custom CSS.

Bug Fixes & Enhancements

• Initial stable release with robust support for dynamic modals.
• Streamlined integration with Laravel Livewire for efficient modal management.
• Flexibility to use with any CSS framework.

Known Issues

• None at this time. Please report any issues via GitHub Issues.

Upcoming Features

• Enhanced support for nested modals.
• More built-in animations and transitions for modals.
• Support for multiple modal instances with unique configurations.

Contribution

We welcome contributions from the community! Feel free to fork the repository and submit pull requests to help improve the package.