/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 vote187 views1 answer
Simple form label
Html
4 votes222 views4 answers
Email regex html pattern
Html
0 vote160 views1 answer
Thml text are
Html
1 vote200 views1 answer
How to add the phtml using xml magento 2
Html
1 vote137 views1 answer
Asp hyperlink
Html
19 votes244 views4 answers
Anchor html
Html
0 vote184 views1 answer
How to make body element in html
Html
0 vote172 views2 answers
Serve images in nextgen formats webp
Html
0 vote186 views1 answer
How to remove dust from laptop
Html
1 vote264 views2 answers
Send a SMS Text From A Link - the new code
Html