Timer
GraphTimer
Elapsed time, how long ago, or the time of day. The numbers update every second.
Good for uptime, last deploy, or a clock in the corner. Time left until a date is Countdown. A static number is Stat.
Command
pnpm dlx shadcn@latest add <origin>/r/graph-timer.jsonIncident
Counts up from a start time.
00:00:00
api
Last deploy
How long since the last deploy.
0s ago
last deploy
Local
The time of day, updating every second.
00:00:00
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Caption drawn on the top edge of the frame. |
| kind | "elapsed" | "ago" | "clock" | "elapsed" | elapsed counts up from at. ago is relative. clock is the time of day. |
| at | Date | number | string | — | Start time for elapsed and ago. A date, timestamp, or ISO string. |
| 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. |