Skip to main content
Back to packages
1,212 GitHub stars

wire-elements/modal

View on GitHub

Description

Livewire component that provides you with a modal that supports multiple child modals while maintaining state.

Add the Livewire directive @livewire('wire-elements-modal') directive to your template.

<html>
<body>
    <!-- content -->
 
    @livewire('wire-elements-modal')
</body>
</html>

You can run php artisan make:livewire EditUser to make the initial Livewire component. Open your component class and make sure it extends the ModalComponent class:

<?php
 
namespace App\Http\Livewire;
 
use LivewireUI\Modal\ModalComponent;
 
class EditUser extends ModalComponent
{
    public function render()
    {
        return view('livewire.edit-user');
    }
}

Related Content on Laravel Daily

Video
Video

Recent Courses on Laravel Daily

Roles and Permissions in Laravel 13

14 lessons
57 min

Laravel 13 Eloquent: Expert Level

41 lessons
1 h 34 min

Queues in Laravel 13

18 lessons
1 h 12 min read