/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

5 votes237 views2 answers
Vue select v-for
Html
21 votes246 views1 answer
Phone screen size fix html meta
Html
-1 vote220 views1 answer
Html to pdf react
Html
2 votes227 views5 answers
No.in round using bootstrap
Html
0 vote198 views1 answer
Can i write php code in html file
Html
8 votes212 views1 answer
What is html used for
Html
0 vote211 views2 answers
.html to .exe
Html
0 vote233 views1 answer
What is uniswap
Html
6 votes219 views1 answer
<code> html tag
Html
3 votes219 views1 answer
Nav b5
Html