/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 votes333 views5 answers
Webm to mp4
Html
0 vote360 views1 answer
How to kill all mobs with a command
Html
0 vote323 views1 answer
Eleventy add robots.txt
Html
1 vote303 views2 answers
How to transfer data from 2 html files
Html
0 vote278 views1 answer
Stylesheet einbinden html5
Html
0 vote329 views1 answer
Regex find html comment
Html
0 vote318 views1 answer
38 1,2
Html
1 vote332 views2 answers
Sudo: /opt/lampp/lampp: command not found
Html
1 vote359 views1 answer
Multiple form submit for different form action
Html
98 votes305 views6 answers
How to hide scrollbar html
Html