Add a simple and functional modal to be used with Livewire!
Report Bug
.
Request Feature
Welcome to livemodal
, a Laravel Livewire package designed to simplify the creation and manipulation of modals. This package provides an elegant and efficient approach to integrating dynamic modals into your Laravel applications, making the process of creating interactive user interfaces faster and easier.
Get started quickly with livemodal
: Follow these simple steps to integrate dynamic modals into your Laravel application.
This is a list of items needed to use the software.
- livewire
- install package
composer require cristyanhenrich/livemodal
- Publish assets
php artisan vendor:publish --tag=livemodal-assets
- Add Provider
'providers' => [
// Other Service Providers...
cristyanhenrich\livemodal\ModalServiceProvider::class,
],
- Import Scripts and Styles
<html>
<head>
...
@livemodalStyles
</head>
<body>
...
@livemodalScripts
@livewire('modal', ['idModal' => 'livemodal-modal-id', 'title' => ''])
</body>
</html>
Import the modal and control the modal and its properties using the button, pass information and models to the view of your Livewire component
<button onclick="livemodalShow('Modal Title', 'modal-id', 'component-livewire-name', 'model', {{ json_encode(['other' => 'informations']) }})">Open</button>
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
- Cristyan Henrich - Comp Sci Student - Cristyan Henrich - Project Creator