Livewire Morphs: Dynamic Component Switching

Dynamic component switching:

Wire:Key for Morphing

@foreach($tabs as $tab)
    
        {{ $tab }}
    
@endforeach


    @if($activeTab === 'profile')
        
    @elseif($activeTab === 'settings')
        
    @endif

Dynamic Component

@livewire($componentName, ['id' => $id], key($id))

Preserve State