SLO Gauge

82%Error budget
About this piece

SLO Gauge

Semicircular gauge that renders a remaining-budget percentage along a single recolorable arc.

Usage

The import and the props worth knowing about, in one place.

import { Monitoring5 } from "@/components/beste/piece/monitoring5";

<Monitoring5
  surface="card"
  bordered={true}
  inverted={false}
  label="Error budget"
  value={82}
  unit="%"
  tone="rose"
/>

More Monitoring pieces

View all Monitoring
87%
Cache hitlast 1h

Metric Ring

Circular progress dial holding a percentage at its center, captioned with a label and supporting hint.

API Gateway
Operational99.98%

Service Status

Compact service health row with operational state, pulsing dot, and uptime percentage on the right.

12428

Severity Stack

Single distribution bar splitting incident counts across critical, warning, and info segments with a mono legend.

R42 MB/s
W18 MB/s

Disk I/O

Two-line monospace block reporting read and write throughput with arrow glyphs for direction.

100ms500ms

Range Marker

Horizontal scale that drops a marker on the current reading and tints the expected window behind it.

12:34:56WARN auth.sessiontoken refresh retry 2/3

Log Stream Line

Single log entry styled like a tail output, with timestamp, level token, source, and message in mono.