Conditional Rendering: x-if
Learn to use x-if to show content based on a condition.
We'll cover the following
Use x-if
to toggle elements
The x-if
directive is also used to toggle elements, just like x-show
. However, instead of changing an element CSS display
property, x-if
adds and removes it from the DOM. Thus, x-if
always creates or deletes an element when we use it to create a toggle. The example below shows how to use x-if
:
Get hands-on with 1400+ tech skills courses.