/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 vote130 views1 answer
Nuxt for background color
Html
0 vote135 views1 answer
Grid in html
Html
1 vote127 views1 answer
Multiple form submit for different form action
Html
25 votes118 views6 answers
Bootstrap input
Html
0 vote127 views1 answer
Branch icon font awesome
Html
2 votes113 views2 answers
Material ui width textfield
Html
1 vote143 views1 answer
Empty link
Html
28 votes131 views3 answers
Meta scale html
Html
1 vote119 views1 answer
Vue submit reloads page
Html
0 vote132 views1 answer
Hide html element show on print bootstrap 4.6
Html