/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

5 votes131 views1 answer
Js onclick change css
Html
38 votes112 views6 answers
Iframe in html
Html
0 vote104 views2 answers
Espaçamento bootstrap
Html
1 vote110 views2 answers
How to make a tag in html
Html
32 votes107 views6 answers
Bootstrap container
Html
1 vote108 views1 answer
How to code table headings in html
Html
0 vote142 views2 answers
Can i give padding inside input field html tag
Html
0 vote99 views1 answer
Icon for dashboard in bootstrap
Html
0 vote137 views1 answer
Html MCSTUPID
Html
0 vote108 views1 answer
View uava code in html
Html