مربعات الحوار مع Teleport في Livewire v4

Teleport يعرض المحتوى خارج شجرة DOM.

مكون النافذة

فتح

@teleport('body')
    @if($show)
        

            

                
عنوان النافذة
                
محتوى النافذة هنا...
                إغلاق
            
        
    @endif
@endteleport

فئة المكون

class ModalDialog extends Component
{
    public bool $show = false;
    
    public function openModal(): void
    {
        $this->show = true;
    }
    
    public function closeModal(): void
    {
        $this->show = false;
    }
}