Compact service health row with operational state, pulsing dot, and uptime percentage on the right.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Monitoring1 } from "@/components/beste/piece/monitoring1";
<Monitoring1
service="API Gateway"
status="operational"
uptime="99.98%"
operationalLabel="Operational"
degradedLabel="Degraded"
outageLabel="Outage"
maintenanceLabel="Maintenance"
/>Thirty-tick history strip in the style of a status page, with pass, slow, and fail segments and a rolling availability number.
Multi-region availability list with a status dot per cloud region and the round-trip latency rendered in mono.
Circular progress dial holding a percentage at its center, captioned with a label and supporting hint.
Bare ECG-style heartbeat trace with a pulsing live dot at the leading edge and no other chrome.
Rate-limit row that maps remaining capacity to a chain of filled and hollow dots, with a count beside it.
Headline number for traffic volume with a trend arrow and tinted delta badge against a prior window.