Compact service health row with operational state, pulsing dot, and uptime percentage on the right.
The import and the props worth knowing about, in one place.
import { Monitoring1 } from "@/components/beste/piece/monitoring1";
<Monitoring1
surface="card"
bordered={true}
inverted={false}
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.
Three server rows whose CPU and memory bars breathe with fresh readings every second, turning amber and red past their thresholds beside a live status dot.
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.