/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

24 votes375 views3 answers
Change icon html
Html
0 vote326 views1 answer
Open link as a number
Html
0 vote320 views1 answer
How to make somethin gdisapear when you hover over something else html
Html
0 vote360 views1 answer
Am pm after the time in html
Html
1 vote327 views1 answer
Django jinja extract elements from form object
Html
8 votes324 views2 answers
Html images with link
Html
0 vote339 views1 answer
Rovots.txt sitemap url
Html
236 votes584 views6 answers
Bootstrap cdn link
Html
0 vote263 views2 answers
V-for example
Html
0 vote340 views1 answer
Lxml.html get element by id
Html