/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

7 votes101 views4 answers
Audio html tag
Html
0 vote107 views1 answer
How to turn og suggensttions in html input
Html
8 votes137 views2 answers
Datalist html
Html
9 votes105 views4 answers
How to link submit button to another page in html
Html
0 vote104 views1 answer
One side toggle in bootstrap
Html
0 vote107 views1 answer
Chakra ui center content table
Html
1 vote113 views1 answer
How to open the command palet in visual studio code
Html
1 vote100 views1 answer
How to get the name of a html balise and pass it in onPress
Html
3 votes100 views1 answer
Responsive flexbox navbar
Html
3 votes103 views4 answers
Svg circle
Html