Components

The Countdown components include the following:

  • Countdown - The wrapper for Counter components, allows custom tag.
  • Counter - Animated number for countdown display.
  • CountdownTimers - Headless timer logic provider for countdowns.

Countdown

The Countdown component wraps one or more Counter components. It accepts a prop for customizing the HTML tag or component used as the wrapper.

Counter

The Counter component animates and displays a single number in the countdown. Use multiple for split timers (e.g., hours, minutes, seconds).

CountdownTimers

CountdownTimers is a headless component that provides all timer logic and values via its default slot scope. Use it to build custom countdown UIs.