/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 votes205 views1 answer
How do you make a link in html5
Html
3 votes182 views1 answer
Modal by clicking button
Html
-1 vote178 views1 answer
Input telefono html
Html
1 vote196 views2 answers
Add icon website
Html
45 votes282 views4 answers
How to add an svg image to html
Html
1 vote189 views3 answers
Input hidden
Html
13 votes188 views4 answers
Sticky top bootstrap 4
Html
3 votes208 views1 answer
Html mailto link with content
Html
1 vote187 views3 answers
Haml to html
Html
0 vote187 views1 answer
How to make web page center
Html