/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

0 vote307 views1 answer
Sum total free html code
Html
0 vote308 views3 answers
Sub html
Html
1 vote279 views1 answer
Textarea autosize angular
Html
0 vote312 views4 answers
Html to exe
Html
4 votes317 views1 answer
Input with dropdown
Html
0 vote303 views3 answers
Multiple countdown timer js
Html
5 votes317 views2 answers
Xpath element that contains text
Html
22 votes320 views4 answers
Run a function when a button has the onclick
Html
0 vote296 views1 answer
Class not working react
Html
4 votes318 views4 answers
How to make a paragraph in html
Html