Download the PHP package kezeneilhou/livewire-tailwind-modal without Composer
On this page you can find all versions of the php package kezeneilhou/livewire-tailwind-modal. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download kezeneilhou/livewire-tailwind-modal
More information about kezeneilhou/livewire-tailwind-modal
Files in kezeneilhou/livewire-tailwind-modal
Package livewire-tailwind-modal
Short Description Dynamic Laravel Livewire 3 Tailwind modals.
License MIT
Homepage https://github.com/kezeneilhou/livewire-tailwind-modal
Informations about the package livewire-tailwind-modal
Laravel Livewire Modals
This package allows you to dynamically show your Laravel Livewire 3 components inside tailwind 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
Installation
Require the package:
Install Flowbit:
Add the view paths and require Flowbite as a plugin inside tailwind.config.js
Import the Flowbite JavaScript package inside the ./resources/js/app.js file to enable the interactive modals.
Add the livewire:modals
component to your app layout view:
Require ../../vendor/kezeneilhou/livewire-tailwind-modal/resources/js/modals
in your app javascript file:
Usage
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-tailwind-modal
. The package will use this view to render the component.