THEME
MOTION
HAPTIC
SOUND
COUNTDOWN
T-minus timer. Renders HH:MM:SS (or DD:HH:MM:SS when > 24h); auto-flips to danger in the final minute.
Live demo
Import
import { Countdown } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
target | Date | number | — | yes | |
prefix | string | T- | — | |
accent | 'info'|'success'|'warning'|'danger'|'accent' | info | — | |
onComplete | () => void | — | — |
Examples
launch
<Countdown target={launchAt} prefix="T-" onComplete={fire} />Accessibility
Role: timer
- aria-live="off" to avoid spamming SR
Feedback
| Haptic | none |
| Sound | none |