Download the PHP package mozhuilungdsuo/livewire-bootstrap-modal without Composer
On this page you can find all versions of the php package mozhuilungdsuo/livewire-bootstrap-modal. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download mozhuilungdsuo/livewire-bootstrap-modal
More information about mozhuilungdsuo/livewire-bootstrap-modal
Files in mozhuilungdsuo/livewire-bootstrap-modal
Package livewire-bootstrap-modal
Short Description Dynamic Laravel Livewire 3 Bootstrap modals.
License MIT
Homepage https://github.com/mozhuilungdsuo/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
- 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/mozhuilungdsuo/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:
To call from a normal blade view
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:
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/livewire-bootstrap-modal
. The package will use this view to render the component.