/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 vote185 views1 answer
Fetch('https://www.example.com/index.html') .then(res => res.text()) .then(html => console.log(html));
Html
3 votes210 views2 answers
How to align elements horizontally in css
Html
41 votes195 views2 answers
Add spaces html
Html
14 votes227 views3 answers
Accordion html
Html
1 vote214 views1 answer
Html required checkbox
Html
0 vote203 views1 answer
Livewire wire loading remove attribute
Html
2 votes213 views1 answer
Html not a language
Html
2 votes241 views1 answer
Html add image from remote source
Html
6 votes150 views1 answer
Timepicker html
Html
-1 vote232 views1 answer
How to make whatsapp hyperlink
Html