Status-page timeline where every day is a thin vertical tile colored by up, degraded, outage, or no-data state.
The import and the props worth knowing about, in one place.
import { Dashboard16 } from "@/components/beste/piece/dashboard16";
<Dashboard16
surface="card"
bordered={false}
inverted={false}
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"
]}
/>