/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

13 votes138 views4 answers
Bootstrap..
Html
24 votes167 views1 answer
A tag
Html
0 vote119 views1 answer
Cmd find who is login remote computer
Html
0 vote182 views1 answer
Pass parameter and jump to particular section
Html
0 vote123 views1 answer
Click on a button and start downloading data html
Html
6 votes132 views4 answers
D3
Html
0 vote128 views1 answer
Full Form Of RAR
Html
1 vote121 views1 answer
Anchor tag to go to top of the page
Html
1 vote125 views1 answer
Std map count vs find
Html
5 votes108 views1 answer
Html integer input
Html