Countdown
Countdown gives you a transition effect of changing numbers.
you need to change the `--value` CSS variable using JS. Value must be a number between 0 and 99.| Class name | Type | |
|---|---|---|
| countdown | Component | Container element |
# Countdown
# Large text
# Clock countdown
h m s
# Clock countdown with colons
: :
# Large text with labels
days
hours
minutes
sec
# Large text with labels under
days
hours
min
sec
# In boxes
days
hours
min
sec
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development: Open Collective
