/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 votes334 views2 answers
Express serve html
Html
19 votes299 views5 answers
Google material icons cdn
Html
0 vote322 views1 answer
Html element hover helptext
Html
0 vote306 views2 answers
Jquery get value of input submit
Html
0 vote355 views1 answer
Ol list showing without numbers
Html
4 votes314 views4 answers
Carousel
Html
2 votes316 views1 answer
Django html checkbox if condition chexked
Html
3 votes324 views1 answer
Nuxt i18n link
Html
15 votes305 views5 answers
How to make a button download a file in html
Html
0 vote312 views2 answers
Tailwind CSS typography
Html