Status-page timeline where every day is a thin vertical tile colored by up, degraded, outage, or no-data state.
New here? Read the installation guide.
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"
/>Service health rows with a pinging status dot, operational label, and a monospaced uptime percentage.
Horizontal milestone tracker with tone-filled done checks, a ringed current step, muted pending steps, and dates below.
Real-time counter with a pinging status dot in the tone color, a large monospace value, and a per-second rate.
Three-tile alert overview with semantic icons and counts for critical, warning, and info severities.