Alpine Test XTRANSITION
Alpine provides a transitions utility out of the box.
With a x-transition directives, we can create smooth transitions between when an element is shown or hidden.
<div x-data="{ open: false }">
<button x-on:click="open = ! open">Toggle</button>
<span x-show="open" x-transition.delay.500ms>Hello 👋</span>
</div>