Working example of Livewire modal with transition using Alpine.js

Modal.php

<?php

namespace App\Http\Livewire;

use Livewire\Component;

class Modal extends Component
{
    public string $content;
    public bool $show = false;

    public function mount(): void
    {
        $this->content = 'Modal content';
    }

    public function render()
    {
        return <<<'blade'
            <div x-data>
                <button wire:click="$set('show', true)">
                    Open
                </button>
                <div x-cloak
                    x-show="$wire.show"
                    x-transition.opacity.duration.500ms
                >
                    <div>{{ $content }}</div>
                    <button wire:click="$set('show', false)">
                        Close
                    </button>
                 </div>
            </div>
        blade;
    }
}