repay/modal

Advanced Livewire Modal Management System with nesting, security, and accessibility

v0.1.1 2026-02-12 05:44 UTC

Requires

• php: ^8.3
• laravel/framework: ^11.0|^12.0
• livewire/livewire: ^3.0|^4.0

Requires (Dev)

• driftingly/rector-laravel: ^2.1.3
• fakerphp/faker: ^1.24.1
• larastan/larastan: ^3.8.0
• laravel/boost: ^1.8.3
• laravel/pail: ^1.2.4
• laravel/pint: ^1.26.0
• laravel/tinker: >=2.10.2
• mockery/mockery: ^1.6.12
• nunomaduro/collision: ^8.8.3
• orchestra/testbench: *
• pestphp/pest: ^4.1.5
• pestphp/pest-plugin-browser: ^4.1.1
• pestphp/pest-plugin-laravel: ^4.0.0
• pestphp/pest-plugin-type-coverage: ^4.0.3
• rector/rector: ^2.2.8

MIT

• Adrian Radores

• laravel
• modal
• livewire
• repay
• modal-system
• nested-modals

README

Requirements: laravel, livewire, alpinejs, tailwind

add this code to root

@livewire('modal-manager')

php artisan modal:install
php artisan make:modal CreateFeeModal

usage

<?php

namespace App\Livewire;

use Repay\Modal\Traits\InteractsWithModal;

use App\Livewire\Modals\CreateFeeModal;
use Livewire\Component;

class ExamplePage extends Component
{
    use InteractsWithModal;

    public function render()

    {
        return view('livewire.fee-page');
    }


    public function openFeeModal()
    {
        $this->openModal(
            CreateFeeModal::class,
            [
                'userId' => null,
                'title' => 'Fee Modal ',
                'size' => '2xl',
            ]
        );
    }
}

in your view

 <button
    wire:click="openFeeModal"
    class="px-4 py-2 bg-green-500 text-white rounded hover:bg-green-600"
>
     Open Fee
</button>