/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 vote149 views1 answer
Center htl
Html
3 votes137 views2 answers
How to add color to particular text on <p>in html
Html
0 vote132 views1 answer
Laravel route regular expression constraints
Html
49 votes152 views6 answers
Text color html
Html
1 vote142 views1 answer
I am not a robot captcha code
Html
1 vote105 views1 answer
Asp hyperlink
Html
1 vote148 views2 answers
Form action in html
Html
63 votes158 views2 answers
How to open link in new tab
Html
0 vote162 views1 answer
Mp4 start time html
Html
10 votes156 views1 answer
How to embed videos in html
Html