Uptime stripPro
A 90 day status strip with incidents.
On this page
Pro90 days with one outage and three degraded days.
Installation
Usage
import { UptimeStrip } from "@/components/ui/chatcn/pro/uptime-strip"
<UptimeStrip name="Support agent" days={days} />Bad days are shorter as well as colored, so the strip reads without hue. Incidents are listed under the strip, newest first, rather than hidden in tiny hover targets.
Examples
States
ProA clean quarter, and a new agent with little history.
Props
| Prop | Type | Notes |
|---|---|---|
name | string | What is measured |
days | { day, status, uptime?, incident? }[] | Oldest first |
Accessibility
- Each day carries its date and status as hidden text; incidents are a list.