Countdown

Countdown timer. The initial value comes from the server, so the clock is right from the first paint. aria-live is off on purpose: a number announced every second makes the page unusable with a screen reader.

Formats and sizes

01:02:0301:3000:45
@components.Countdown(components.CountdownProps{Seconds: 90, Format: "mm:ss", Size: "lg"})

Reacting to the end

00:05Waiting… Time is up
<div x-data="{ done: false }" x-on:countdown-end="done = true"> ... </div>