/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 vote322 views1 answer
Add image to anchor
Html
6 votes304 views1 answer
Html aside
Html
0 vote310 views1 answer
Html mobile app template
Html
69 votes340 views5 answers
Bootstrap 4 center div
Html
0 vote319 views1 answer
Netlify cms hidden field
Html
0 vote341 views4 answers
Jeremy thomas web design
Html
12 votes315 views4 answers
Html text not editable
Html
1 vote398 views1 answer
Move table tfoot at top
Html
0 vote325 views2 answers
Html email signature code
Html
6 votes332 views5 answers
Line break
Html