Livewire Morphs: Dynamic Component Switching

@foreach($tabs as $tab)
    <button wire:click="$set('activeTab', '{{ $tab }}')">
        {{ $tab }}
    </button>
@endforeach

<div wire:key="{{ $activeTab }}">
    @if($activeTab === 'profile')
        <livewire:profile-tab />
    @elseif($activeTab === 'settings')
        <livewire:settings-tab />
    @endif
</div>

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

<div wire:key="stable-key">
    <!-- Content preserves state -->
</div>