Headline number for traffic volume with a trend arrow and tinted delta badge against a prior window.
New here? Read the installation guide.
import { Monitoring10 } from "@/components/beste/piece/monitoring10";
<Monitoring10
label="Requests"
value="12.4K"
unit="req/s"
delta="+12%"
trend="up"
tone="emerald"
/>Inline edge between two named endpoints, drawn as a status-tinted stem with the round-trip latency floating mid-span.
Circular progress dial holding a percentage at its center, captioned with a label and supporting hint.
Compact service health row with operational state, pulsing dot, and uptime percentage on the right.
Thirty-tick history strip in the style of a status page, with pass, slow, and fail segments and a rolling availability number.