/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

4 votes133 views1 answer
Upload only image input tag
Html
0 vote143 views1 answer
#c
Html
5 votes144 views2 answers
Python vs javascript
Html
2 votes162 views1 answer
How to link a number on website
Html
6 votes135 views1 answer
Type animation js
Html
0 vote144 views1 answer
Pug html adalah
Html
0 vote159 views1 answer
Top js graphql clients
Html
0 vote134 views1 answer
Html peseta symbol
Html
10 votes145 views4 answers
Search bar bootstrap
Html
0 vote127 views1 answer
Html mobile does not show pdf with object
Html