/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 vote185 views1 answer
How to loop in html
Html
0 vote144 views1 answer
Convert html datetime-local to java LocalDateTime
Html
0 vote205 views2 answers
How to call one phtml file in another phtml file in magento2
Html
0 vote261 views2 answers
Random number text in html
Html
2 votes166 views1 answer
Onclick show div and hide other div
Html
0 vote199 views1 answer
Floating modal bootstrap
Html
0 vote167 views1 answer
Kodingan menambahkan judul isi di html
Html
0 vote166 views2 answers
How to call a script from another script in javascript
Html
0 vote170 views2 answers
Custom radio css
Html
0 vote103 views2 answers
Themeforest html templates
Html