/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

4 votes168 views2 answers
History.back()
Html
9 votes189 views6 answers
Change html using jquery
Html
3 votes167 views1 answer
Em tag in html5
Html
9 votes166 views2 answers
Display date on html
Html
0 vote177 views1 answer
Multiple styles on one line
Html
0 vote141 views1 answer
Resource not found http code
Html
-1 vote176 views1 answer
Cellpadding in html
Html
1 vote165 views1 answer
Django html vscode
Html
0 vote180 views1 answer
Bootstrap 4.6 add to css
Html
5 votes124 views1 answer
V-slot vue 3
Html