/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

10 votes185 views6 answers
Bootstrap tabs
Html
1 vote162 views1 answer
Floating whatsapp button html
Html
3 votes155 views1 answer
Difference between name and id html
Html
3 votes188 views4 answers
Paragraph in html
Html
0 vote170 views1 answer
Slot tag
Html
1 vote166 views1 answer
Code to start text from right in html in arabic
Html
0 vote154 views1 answer
Venobox cdn
Html
21 votes172 views4 answers
Bootstrap 5 text bold
Html
20 votes148 views4 answers
Bootstrap col center content
Html
6 votes145 views1 answer
Html underline
Html