/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

5 votes198 views1 answer
How to stop download option in video tag of HTML
Html
13 votes161 views3 answers
How do i make a placeholder for a 'select' box
Html
1 vote166 views1 answer
What is the code element in html
Html
0 vote185 views1 answer
HCards
Html
0 vote169 views2 answers
Show title combox check box wpf
Html
0 vote190 views1 answer
Git compare files with different names
Html
15 votes198 views6 answers
Navbar code
Html
0 vote232 views1 answer
Pavlova
Html
0 vote201 views1 answer
Storybook fonts
Html
2 votes192 views3 answers
Bootstrap navbar dropdown right
Html