Region Status

Multi-region availability list with a status dot per cloud region and the round-trip latency rendered in mono.

us-east-1

42ms

eu-west-2

78ms

ap-south-1

210ms

sa-east-1

—

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

Import & use

import { Monitoring7 } from "@/components/beste/piece/monitoring7";

<Monitoring7
  regions={[
    {
      "code": "us-east-1",
      "status": "operational",
      "latency": "42ms"
    },
    {
      "code": "eu-west-2",
      "status": "operational",
      "latency": "78ms"
    },
    {
      "code": "ap-south-1",
      "status": "degraded",
      "latency": "210ms"
    },
    {
      "code": "sa-east-1",
      "status": "outage"
    }
  ]}
/>