nawasara/modal

Reusable Blade and Livewire modal component for Laravel applications.

v0.1.0 2026-04-28 05:33 UTC

Requires

• php: ^8.1
• illuminate/support: ^10.0|^12.0
• livewire/livewire: ^3.0

MIT

• Pringgo J. Saputro

• laravel
• modal
• livewire
• blade-component
• Nawasara

README

Reusable Blade and Livewire modal component for Laravel applications.

Installation

composer require nawasara/modal

Auto-discovered. Optionally publish the views to override the defaults:

php artisan vendor:publish --provider="Nawasara\Modal\ModalServiceProvider"

Usage

Blade modal

<x-nawasara-modal::modal id="my-modal" title="Modal Title">
    Modal content goes here.

    <x-slot:footer>
        <button @click="open = false">Close</button>
    </x-slot:footer>
</x-nawasara-modal::modal>

Open the modal from anywhere on the page:

<button @click="openModal('my-modal')">Open modal</button>

Livewire modal (universal)

Drop the universal modal once in your layout:

<livewire:nawasara-modal.livewire-modal />

Then open any Livewire component inside it:

openModal({
    id: 'modal-livewire',
    title: 'Title',
    component: 'your.livewire.component',
    params: { /* ... */ }
});

Author

Pringgo J. Saputro <[e-mail]>

License

MIT