Countdown: Blazor countdown component

Examples

One Countdown per unit; Label prints underneath.

12 hours

34 min

56 sec

website/Examples/DataDisplay/CountdownBasicExample.razor Source

Tick a value from a timer and the digits roll; Digits does the arithmetic.

3:25:0

website/Examples/DataDisplay/CountdownLiveExample.razor Source

Size and surface come from ordinary utilities.

15 days

10 hours

24 min

39 sec

website/Examples/DataDisplay/CountdownBoxesExample.razor Source

42 sec

Value

Label

<Countdown Value="42" Label="sec" />

DaisyBlazor

Label string
= null
Optional label rendered below the countdown digit (e.g. "sec", "min", "hours").
MinDigits int?
= null
Minimum number of digits shown, zero-padding smaller values (emits daisyUI's --digits). Use 2 for clock cells so 9 reads "09". Values outside 1–3 are clamped; null keeps daisyUI's default (1).
Value int
= 0
The countdown value to display. Clamped to the range 0–999 (daisyUI v5 supports 0–999).
Class string
= null
Extra CSS classes merged onto the countdown element.
Style string
= null
Inline CSS styles applied to the countdown element.

Name	Type	Default	Description
Label	string	null	Optional label rendered below the countdown digit (e.g. "sec", "min", "hours").
MinDigits	int?	null	Minimum number of digits shown, zero-padding smaller values (emits daisyUI's --digits). Use 2 for clock cells so 9 reads "09". Values outside 1–3 are clamped; null keeps daisyUI's default (1).
Value	int	0	The countdown value to display. Clamped to the range 0–999 (daisyUI v5 supports 0–999).
Class	string	null	Extra CSS classes merged onto the countdown element.
Style	string	null	Inline CSS styles applied to the countdown element.