Download the PHP package devsrv/livewire-modal without Composer
On this page you can find all versions of the php package devsrv/livewire-modal. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download devsrv/livewire-modal
More information about devsrv/livewire-modal
Files in devsrv/livewire-modal
Package livewire-modal
Short Description turn laravel livewire component into modal
License MIT
Homepage https://github.com/devsrv/livewire-modal
Informations about the package livewire-modal
Livewire Modal
Turn Laravel Livewire Component into Modal.
๐ท Features
- Modal triggered by javascript i.e. opens instantly without waiting for livewire network round trip to finish ( no laggy feeling )
- Skeleton loading indicator
- Support alert message ( info, warning, success, danger )
- Trigger from Alpine Component / Vanilla JS / Livewire Class Component
๐งพ Requirements
Bootstrap | 4 or 5 | no bootstrap support coming soon |
---|---|---|
Jquery | for bootstrap 4 only | |
Laravel | >= 7 | |
Livewire | >= 2.0 | |
Alpine JS |
๐ฅ Installation
Include the base modal component
Publish assets
Publish config
config support bootstrap theme: bs4 | bs5
๐ Updating
Important: when updating the package make sure to re-publish the assets with
--force
flag
โ๏ธ Usage
Create Livewire Component
No consideration required, create livewire component as usual. Use livewire's mount
to handle passed parameters
โจ Open Modal
โ๏ธ From Alpine Component
โ๏ธ Via Vanilla JS
โ๏ธ Via Trigger Blade Component
โ๏ธ From Livewire Class
๐ก Modal size supports
sm
lg
xl
// completely optional
๐ Bonus
you are free to put content in livewire view file in any structure, however the package provides an blade component for bootstrap modal which you can use as:
โ๐ผ Two reasons to use this component
๐ข a pretty line progress loading indicator which appears in the top when livewire loading state changes
๐ข alert notification message which can be triggered by:
Changelog
Please see CHANGELOG for more information on what has changed recently.
License
The MIT License (MIT). Please see License File for more information.
๐๐ผ Say Hi!
Leave a โญ if you find this package useful ๐๐ผ, don't forget to let me know in Twitter
All versions of livewire-modal with dependencies
livewire/livewire Version ^2.12
illuminate/view Version ^7.0|^8.0|^9.0|^10.0