Countdown

countdown

Countdown gives you a transition effect when you change a number between 0 to 999

countdown docs

Class names

• component: countdown

Syntax

<span class="countdown">
  <span style="--value:{number};">number</span>
</span>

Rules

• The --value CSS variable and text must be a number between 0 and 999
• you need to change the span text and the --value CSS variable using JS
• you need to add aria-live="polite" and aria-label="{number}" so screen readers can properly read changes