/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

2 votes290 views2 answers
What is fas fa in html
Html
0 vote252 views1 answer
Blizard.js print
Html
1 vote308 views1 answer
Markdown image by address
Html
0 vote270 views1 answer
Form filling progress bar html5
Html
14 votes281 views3 answers
How to insert a line in html
Html
0 vote333 views1 answer
Como añadir bootstrap a html
Html
1 vote294 views1 answer
Nuxt cursor focus
Html
0 vote270 views1 answer
C++ compile syntax error
Html
0 vote310 views1 answer
Html escape quote in atribute
Html
2 votes279 views1 answer
Html how to make element focusable
Html