KPI Sparklines
Stats
Source and install need .
pnpm dlx shadcn@latest add @assembli/uptime-monitorUptime Monitor
A status page in one component: an overall banner that takes the worst current status, then a row per service with ninety days of bars colored by each day's worst status and the uptime over the window. Point at a bar, or focus a row and use the arrow keys, to read that day's date, uptime and incidents. Services nest into groups that show the worst of their children and expand to list them.
- Dependencies
- lucide-react(npm, opens in a new tab)
Props
Other props pass through to the root element.
services*
UptimeService[]
title
React.ReactNode
Default
"System status"updated
React.ReactNode
Shown under the overall status, e.g. "Updated 2 minutes ago".
today
Date
Date of the last bar. Defaults to today.
locale
string
| Prop | Type | Default | Description |
|---|---|---|---|
| services* | UptimeService[] | – | |
| title | React.ReactNode | "System status" | |
| updated | React.ReactNode | – | Shown under the overall status, e.g. "Updated 2 minutes ago". |
| today | Date | – | Date of the last bar. Defaults to today. |
| locale | string | – |
