/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 vote159 views1 answer
Create link inertia-svelte
Html
2 votes207 views2 answers
Html fieldset color background
Html
1 vote173 views2 answers
React native capitalize first letter
Html
8 votes175 views2 answers
Html charset
Html
4 votes166 views4 answers
Selenium print html
Html
22 votes167 views3 answers
_blank in html
Html
7 votes181 views1 answer
How to call an id in css
Html
1 vote175 views1 answer
Vertical break html
Html
1 vote165 views1 answer
9+15
Html
30 votes182 views5 answers
What is iframe html
Html