/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 vote143 views1 answer
Dropbox embed
Html
2 votes135 views1 answer
Html one page template free
Html
0 vote147 views1 answer
A tag displays below img tag
Html
0 vote139 views2 answers
Which text is used to create text animations in html
Html
0 vote141 views1 answer
Password setCustomValidity html5
Html
1 vote138 views1 answer
Jyml toggle checkbox text
Html
3 votes175 views1 answer
What are low level programming languages
Html
0 vote149 views1 answer
Svg marker
Html
0 vote140 views2 answers
Html include html page
Html
0 vote132 views1 answer
Code live html css online
Html