Countdown 1.2.2

The <velin-countdown> Web Component shows a live timer toward an ISO datetime target. Ideal for launches, event pages, and maintenance windows. Deutsch: Countdown De

Maturity: Documented as stable in VelinStyle 1.2.0. Design Intelligence (plan / review / agent meta) is separate and beta / foundation where noted.

When to use

Display remaining time until a deadline with <velin-countdown>.
Offers, sessions, or events where a live timer is the primary signal.

When not

Animated numeric metrics (revenue, counts) — use Counter.
Indeterminate waiting — use Spinners.

Basic

<velin-countdown datetime="2030-01-01T00:00:00Z"></velin-countdown>

Attributes

Attribute	Default	Notes
`datetime`	—	ISO 8601 target (required)
`show-days`	`true`	Set `false` to hide the days segment
`size`	—	`sm` or `lg`
`label-days` … `label-seconds`	Days/Hours/Min/Sec	Segment captions

Events

velin-countdown-end fires once when the timer reaches zero.

role="timer", aria-live="polite", aria-atomic="true".
aria-label summarizes remaining time for screen readers.