Hide and show components on condition or click event

What seems to be the problem:
I am developing a package in Laravel and seeking the best practice to hide and show Livewire components without refreshing the page.
for ex:- we initially load the login component and on click of forget password button/link switch the component with forget password component

Steps to Reproduce:

Are you using the latest version of Livewire:
yes I am using livewire 2
Do you have any screenshots or code examples:

Hey, @rifRocket

You can make a public boolean property called for example $show and make the child component show/hide base on it:


public $show = false;


<button wire:click="$set('show', true)">Show component 1</button
<button wire:click="$set('show', false)">Show component 2</button>

1 Like