Uptime Status

Status-page timeline where every day is a thin vertical tile colored by up, degraded, outage, or no-data state.

api.prod.example99.94%
60 days agoToday

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Dashboard16 } from "@/components/beste/piece/dashboard16";

<Dashboard16
  service="api.prod.example"
  uptime="99.94%"
  days={[
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "outage",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "degraded",
    "degraded",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "degraded",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up",
    "up"
  ]}
  startLabel="60 days ago"
  endLabel="Today"
/>