/Html/Alpine hide element after set time

Alpine hide element after set time

<div x-data="{ show: true}"
     x-init="setTimeout(() => show = false, 4000)"
     x-show="show"
    class="fixed bottom-3 right-3 bg-blue-500 text-white py-2 px-4 rounded-xl text-xs">
    <p>I will disappear after 4 seconds</p>
</div>

Source: laracasts.com

Similar codes

51 votes137 views4 answers
Add link to text html
Html
1 vote108 views1 answer
Javascript getelementbyid hide element
Html
1 vote120 views1 answer
How to add double space in html
Html
0 vote102 views1 answer
Aria-live
Html
43 votes120 views6 answers
How to comment in html
Html
0 vote102 views1 answer
Html input time default value
Html
0 vote125 views1 answer
Html minus sign
Html
1 vote114 views1 answer
Pass text from input field to javascript function
Html
0 vote119 views1 answer
How to change website icon html
Html
8 votes70 views1 answer
&euro html
Html