Vertical battery of segments rendering current queue fill against capacity, with a stacked numeric ratio beside it.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Monitoring18 } from "@/components/beste/piece/monitoring18";
<Monitoring18
depth={8}
capacity={12}
tone="amber"
/>Single distribution bar splitting incident counts across critical, warning, and info segments with a mono legend.
Rate-limit row that maps remaining capacity to a chain of filled and hollow dots, with a count beside it.
Utilization bar for CPU, memory, disk, or network with a recolorable fill and matching percentage label.
Headline number for traffic volume with a trend arrow and tinted delta badge against a prior window.
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.