/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 vote311 views3 answers
Unyson demo import fail
Html
0 vote338 views1 answer
How to load at bottom of page html
Html
212 votes448 views6 answers
Open link in new tab html
Html
23 votes293 views6 answers
Html change background color
Html
9 votes298 views3 answers
Send html file express
Html
0 vote303 views4 answers
Add link to text using span html
Html
4 votes304 views1 answer
I'm getting favicon.ico error
Html
0 vote309 views1 answer
Visualizar pdf bootstrap
Html
1 vote330 views1 answer
Accept method composite jsf
Html
0 vote289 views1 answer
How to add video in html background
Html