5xx error rate above 2%
checkout-api
Incident card pairing a bell glyph, label tag, title, and service line with a configurable accent tone.
The import and the props worth knowing about, in one place.
import { Monitoring3 } from "@/components/beste/piece/monitoring3";
<Monitoring3
surface="card"
bordered={true}
inverted={false}
label="Critical"
title="5xx error rate above 2%"
service="checkout-api"
time="2m ago"
tone="rose"
/>Compact response-time card pairing a percentile pill, the latest reading, and a smoothed sparkline trail.
Headline number for traffic volume with a trend arrow and tinted delta badge against a prior window.
Inline edge between two named endpoints, drawn as a status-tinted stem with the round-trip latency floating mid-span.
Single distribution bar splitting incident counts across critical, warning, and info segments with a mono legend.