/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 vote305 views1 answer
Html a tag underline none
Html
5 votes277 views2 answers
Html table colspan and rowspan
Html
43 votes386 views3 answers
Starting html
Html
0 vote286 views1 answer
Datatable src
Html
2 votes291 views1 answer
No allow copy html
Html
0 vote278 views1 answer
Netlify cms hidden field
Html
0 vote281 views1 answer
Python split html header
Html
0 vote305 views1 answer
Unicode menu icon
Html
15 votes284 views2 answers
Boootstrap
Html
21 votes323 views4 answers
Bootstrap 5 text bold
Html