/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 vote170 views1 answer
Datatable tfoot renders after thead and before tbody
Html
0 vote161 views1 answer
Html overflow with span
Html
0 vote146 views1 answer
What is uniswap
Html
0 vote148 views2 answers
Block elements
Html
59 votes151 views5 answers
Favicon meta
Html
1.2K votes352 views10 answers
Twitch
Html
28 votes146 views3 answers
Html console text
Html
7 votes156 views2 answers
Snap install telegram
Html
1 vote187 views2 answers
Css align image right
Html
0 vote153 views1 answer
How to display gif when button clicked html css
Html