/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 vote201 views1 answer
Render html helper list + prestashop 1.7
Html
0 vote224 views1 answer
Default wp_new_user_notification_email
Html
0 vote203 views1 answer
Fa fa pencil edit icon
Html
0 vote217 views1 answer
{"errors":[], "error":{"zz":{"statuscode":"403","message":"Forbidden -- Request forbidden by administrative rules."}}}
Html
0 vote206 views1 answer
Httponly
Html
0 vote215 views1 answer
Storybook fonts
Html
-1 vote206 views1 answer
Redirect to a new tab inm html
Html
0 vote195 views2 answers
Html change content security policy
Html
6 votes206 views4 answers
D3
Html
1 vote194 views1 answer
Csrf token html form
Html