/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

9 votes203 views3 answers
Bootstrap circle button
Html
1 vote214 views1 answer
Nuxt title page
Html
0 vote213 views1 answer
How to redirect to another html page in html in 30 seconds
Html
0 vote191 views1 answer
Convert markdown to styled html
Html
18 votes197 views3 answers
Html inline css
Html
0 vote190 views2 answers
Label input mdn
Html
1 vote186 views1 answer
Best html coding software
Html
0 vote217 views1 answer
How to change colour of part of a text in html
Html
0 vote197 views1 answer
Bootstrap modal search box
Html
0 vote224 views1 answer
Html mobile app template
Html