Download the PHP package aliqasemzadeh/livewire-bootstrap-modal without Composer
On this page you can find all versions of the php package aliqasemzadeh/livewire-bootstrap-modal. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download aliqasemzadeh/livewire-bootstrap-modal
More information about aliqasemzadeh/livewire-bootstrap-modal
Files in aliqasemzadeh/livewire-bootstrap-modal
Package livewire-bootstrap-modal
Short Description Dynamic Laravel Livewire 3 Bootstrap modals.
License MIT
Homepage https://github.com/aliqasemzadeh/livewire-bootstrap-modal
Informations about the package livewire-bootstrap-modal
Laravel Livewire Modals
This package allows you to dynamically show your Laravel Livewire 3 components inside Bootstrap modals.
Warning: This package is not backward compatible with Livewire 2.
Documentation
- Requirements
- Installation
- Usage
- Modal Views
- Showing Modals
- Mount Parameters
- Hiding Modals
- Dispatching Modals
- Custom modal size
- Publishing Assets
- Custom View
- Notes
Requirements
- Bootstrap 5 and PopperJS must be installed via npm first
Installation
Require the package:
Add the livewire:modals
component to your app layout view:
Require ../../vendor/aliqasemzadeh/livewire-bootstrap-modal/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:
Dismissing Modals
You can emit events inside your views:
Or inside your components, just like any normal Livewire event:
Custom modal size
Now you can have custom modal size by default we use modal-lg
:
Publishing Assets
Custom View
Use your own modals view by publishing the package view:
Now edit the view file inside resources/views/vendor/livewire-bootstrap-modal
. The package will use this view to render the component.
Notes
1- You should use button or @click in main slot.
2- We are working hard on some problems, We hope fix them soon.
3- We will add some options soon.
4- wire:navigate not work (just first modal open).