Alpine Test XIF

x-if is used for toggling elements on the page, similarly to x-show, however it completely adds and removes the element it's applied to rather than just changing its CSS display property to "none".

Alpine provides two directives for toggling visibilities — x-if and x-show — which work just like their Vue counterparts.

x-if has to be on a template tag instead of a regular DOM element.

The