/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 vote158 views1 answer
React native render html not rerender
Html
1 vote189 views1 answer
How to create js code
Html
0 vote168 views1 answer
Col tag in html
Html
50 votes163 views6 answers
Html text color
Html
0 vote160 views1 answer
Procent in html
Html
0 vote167 views1 answer
How to make a username and password in html
Html
5 votes173 views2 answers
Got a packet bigger than 'max_allowed_packet' bytes
Html
38 votes165 views6 answers
Mailto html
Html
19 votes159 views3 answers
Bootstrap responsive navigation menu
Html
0 vote170 views1 answer
Why place holder does not show
Html