/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 votes180 views1 answer
Html autoplay not vork iphone
Html
8 votes196 views2 answers
Min number input html
Html
0 vote178 views2 answers
Simple dashboard html template
Html
9 votes182 views1 answer
Css underline color
Html
2 votes194 views2 answers
Data-target hamburger bootstrap
Html
1 vote185 views1 answer
How to disable zoom in html page on different screen resolutions
Html
0 vote184 views1 answer
Give padding to label html
Html
17 votes191 views6 answers
Collapse boostrap
Html
11 votes142 views1 answer
Jquery select th by class
Html
1 vote195 views1 answer
Link phone number mail html
Html