VelinStyle Countdown
The <velin-countdown> Web Component shows a live timer toward an ISO datetime target. Ideal for launches, event pages, and maintenance windows.
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.
Accessibility
role="timer",aria-live="polite",aria-atomic="true".aria-labelsummarizes remaining time for screen readers.