/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

8 votes286 views4 answers
Bootstrap display error message
Html
0 vote264 views1 answer
Twig currency symbol
Html
-1 vote278 views1 answer
Html href go back
Html
0 vote263 views1 answer
Html exporting table is displaying numbers as dates
Html
-1 vote277 views1 answer
Docs to html
Html
0 vote268 views1 answer
Twitter card meta tags
Html
1 vote274 views2 answers
Html csrf token input
Html
0 vote269 views1 answer
How to use different font size in same line in html
Html
11 votes247 views2 answers
Html input date format
Html
0 vote295 views1 answer
Bulma file upload
Html