SLO Gauge

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

82%Error budget

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

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

<Monitoring5
  label="Error budget"
  value={82}
  unit="%"
  tone="rose"
/>