/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

3 votes131 views2 answers
Youtube iframe autoplay not working
Html
0 vote171 views1 answer
Html click hide textbox
Html
0 vote117 views1 answer
How to update html before alert
Html
11 votes137 views1 answer
Html input size
Html
2 votes130 views1 answer
Action button dropdown
Html
0 vote143 views2 answers
Html input submit size width
Html
2 votes124 views2 answers
Change color of mark in css
Html
0 vote121 views2 answers
Laravel csrf protection
Html
0 vote149 views1 answer
How to take input from user in html
Html
0 vote120 views1 answer
How do I change the default text in dropzone.js?
Html