/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 vote134 views1 answer
Input type text inside select option
Html
1 vote147 views1 answer
Link phone number mail html
Html
1 vote153 views5 answers
Html quote code
Html
1 vote148 views1 answer
Html if en change to ltr
Html
1 vote140 views2 answers
Submit() refreshes the page
Html
3 votes130 views1 answer
Embed string html angular
Html
0 vote153 views1 answer
String variable in angular html
Html
0 vote127 views1 answer
How to change time in minecraft
Html
6 votes130 views3 answers
Ion-select placeholder
Html
3 votes161 views1 answer
What are low level programming languages
Html