0 minutes, 15 seconds

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>
TEST Hello 👋

Previous Next