Countdown

The Countdown component displays a live timer showing the remaining time until an event starts.

Display Formats

Days & Time - Shows days remaining plus hours:minutes:seconds (e.g., "2 Days & 03:45:12")

Time Only - Shows hours:minutes:seconds when less than 24 hours remain

Finished State - Displays custom text (default: "Live") when countdown reaches zero

Features

• Live updating timer that counts down in real-time
• Automatically formats time based on duration
• Supports counting up or counting down
• Customizable finished state text
• Handles dates, timestamps, and numeric values

When to Use

• Use for pregame events to show time until start
• Display in event cards and box scores
• Show urgency for time-sensitive promotions
• Replace with "Live" or custom text when event starts