/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

-1 vote153 views1 answer
Html how to play gifs
Html
0 vote137 views1 answer
Html time input with second
Html
26 votes146 views3 answers
Html animation
Html
1 vote123 views1 answer
Change cursor to hand on hover
Html
50 votes132 views6 answers
Html text color
Html
9 votes159 views2 answers
Path in html
Html
19 votes136 views4 answers
How to put text in the middle of a page html
Html
0 vote138 views1 answer
Detect changes in html binded property angular 8
Html
0 vote124 views1 answer
Html lien téléphone
Html
0 vote129 views2 answers
Latex in html
Html