/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

-1 vote250 views1 answer
Html image in table
Html
1 vote292 views4 answers
Ex
Html
3 votes965 views2 answers
Bootstrap 5 link stylesheet
Html
0 vote276 views1 answer
Html unidades de medida
Html
0 vote266 views1 answer
Icon for right arrow
Html
1 vote260 views1 answer
Fullpage js cdn
Html
29 votes285 views6 answers
Html center text
Html
0 vote283 views1 answer
Javascript upload file without input
Html
15 votes360 views6 answers
Angular ngfor index
Html
0 vote253 views1 answer
Reverse ol order html
Html