Countdown
GraphCountdown
Time left until a date. After that it shows a short label you pass in.
Good for a freeze, a launch, or a window that closes. Elapsed time since a start is Timer.
Command
pnpm dlx shadcn@latest add <origin>/r/graph-countdown.jsonFreeze
Until New Year's. After that it says open.
00:00:00
until launch
Closed
The date has passed, so the frame shows the label you set.
00:00:00
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Caption drawn on the top edge of the frame. |
| to | Date | number | string | — | The deadline. A date, timestamp, or ISO string. |
| done | string | "done" | What to show after the deadline. |
| caption | string | — | Line under the number. |
| palette | "mono" | "duo" | "multi" | "mono" | mono is one accent plus muted. duo paints the second series with --graph-accent-2. multi cycles three accents. |
| corner | string | "+" | Character at each corner of the frame. |
| className | string | — | Passed to the outer frame. |