/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

1 vote227 views1 answer
Html form action target blank
Html
0 vote228 views1 answer
Javascript on focus lost
Html
0 vote244 views2 answers
Laravel route explicit binding
Html
0 vote233 views1 answer
Jump to label html
Html
68 votes266 views6 answers
Img html
Html
0 vote247 views1 answer
Routerlinkactiveoptions
Html
64 votes257 views5 answers
Link font awesome html
Html
0 vote201 views1 answer
Align navbar items center
Html
0 vote242 views1 answer
How to show data in html table from database in multiple table in laravel
Html
0 vote232 views1 answer
Bootstrap align right button
Html