Waiting for action
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Split-flap digital clock with animated flip cards for each digit. Cards use Opus accent colouring and announce the current time to assistive tech.
| Prop | Type | Default | Description |
|---|---|---|---|
size | "sm" | "md" | "lg" | "md" | Digit card size. |
showSeconds | boolean | true | Include seconds cards. |
showFrames | boolean | false | Append a 24 fps frame column (00–23) for video-editing timecode (HH:MM:SS:FF). Implies seconds. |
showDate | boolean | true | Show formatted date below the board. |
With showFrames, the clock ticks every 1/24 second and exposes FLIP_CLOCK_FRAME_RATE (24) for consumers that need the same constant.
aria-label and a visually hidden time element with aria-live="polite".prefers-reduced-motion.