/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

0 vote210 views1 answer
Datatable pdfHtml5 pagesize
Html
0 vote222 views1 answer
The library'package:firebase_core/firebase_core.dart' is legacy
Html
55 votes249 views6 answers
Html template
Html
30 votes223 views6 answers
Bootstrap text bold
Html
0 vote221 views2 answers
Html tag remover
Html
12 votes198 views5 answers
Html meta refresh
Html
0 vote204 views1 answer
Html input get number
Html
0 vote228 views1 answer
Bootstrap tabs multiple
Html
6 votes202 views6 answers
Tailwind css
Html
1 vote215 views1 answer
Json-ld for portfolio site
Html