Download the PHP package marcincook/laravel-livewire-modals without Composer
On this page you can find all versions of the php package marcincook/laravel-livewire-modals. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download marcincook/laravel-livewire-modals
More information about marcincook/laravel-livewire-modals
Files in marcincook/laravel-livewire-modals
Package laravel-livewire-modals
Short Description Dynamic Laravel Livewire Bootstrap modals.
License MIT
Homepage https://github.com/marcincook/laravel-livewire-modals
Informations about the package laravel-livewire-modals
Laravel Livewire Modals
This package allows you to dynamically show your Laravel Livewire components inside Bootstrap modals.
Documentation
- Requirements
- Installation
- Usage
- Modal Views
- Showing Modals
- Mount Parameters
- Hiding Modals
- Emitting Events
- Publishing Assets
- Custom View
Requirements
- Bootstrap 5 must be installed via webpack first
Installation
Require the package:
Add the livewire:modals
component to your app layout view:
Require ../../vendor/marcincook/laravel-livewire-modals/resources/js/modals
in your app javascript file:
Usage
Modal Views
Make a Livewire component you want to show as a modal. The view for this component must use the Bootstrap modal-dialog
container:
Showing Modals
Show a modal by emitting the showModal
event with the component alias:
Mount Parameters
Pass parameters to the component mount
method after the alias:
The component mount
method for the example above would look like this:
Hiding Modals
Hide the currently open modal by emitting the hideModal
event:
Or by using the Bootstrap data-bs-dismiss
attribute:
Emitting Events
You can emit events inside your views:
Or inside your components, just like any normal Livewire event:
Publishing Assets
Custom View
Use your own modals view by publishing the package view:
Now edit the view file inside resources/views/vendor/laravel-livewire-modals
. The package will use this view to render the component.