/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 vote242 views1 answer
How to make body element in html
Html
5 votes273 views1 answer
Html use js variable as text
Html
3 votes275 views10 answers
Coding
Html
0 vote245 views1 answer
How to set a fav icon
Html
11 votes260 views4 answers
Tailwind center text
Html
0 vote283 views1 answer
Render text as html react
Html
1 vote250 views1 answer
Simple form label
Html
2 votes286 views1 answer
How to make form not reload page
Html
0 vote272 views1 answer
Ean 13 barcode in javascript tutorial
Html
0 vote268 views1 answer
Disabling cach using meta tag
Html