/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 votes218 views5 answers
Pre tag in html
Html
1 vote123 views1 answer
Best free html editor
Html
0 vote104 views1 answer
How to call a function when dropdown menu's value is selected in html
Html
7 votes121 views2 answers
Infocard bootstrap 4 css templates
Html
0 vote210 views6 answers
Replace all in react js
Html
16 votes110 views6 answers
Routerlink in angular
Html
0 vote121 views1 answer
Html exemple
Html
0 vote120 views1 answer
React hoc
Html
0 vote118 views3 answers
Assignment 1
Html
0 vote119 views1 answer
Windows 7 embedded commit changes
Html