Components
Reusable components that are just copy and paste.
All of them needs the Alpine library at the head:
<script src="//unpkg.com/alpinejs" defer></script>
Copy Block
Just copy the code-block-component. and change it how you would like. change the text inside the embed and style as you want
Example
Time
Just copy the datetime-component. and change it how you would like.
Hours
00
:
Minutes
00
:
Seconds
00
Day
00
Month
00
Year
0000
Month Name
00
Countdown
Just copy the countdown-component. change the event date to the date you need. and style the counter as you would like. hide the config-area class after you end modifying it.
Config Area
Change the event date here:
Jan 5, 2024 15:37:25
Test it in realtime:
Days
00
:
Hours
00
:
Minutes
00
:
Seconds
00