Status Page

display

Public status page showing system health, incidents, and uptime metrics.

Preview

No preview available

Check the code examples below.

Installation

npm install @launchapp/design-system
Import
import { StatusPage } from "@launchapp/design-system";

Examples

System status page

<StatusPage  overallStatus="operational"  services={[    { id: "api", name: "API", status: "operational" },    { id: "db", name: "Database", status: "operational" },    { id: "cdn", name: "CDN", status: "degraded" },  ]}  incidents={[    { id: "1", title: "CDN latency increase", status: "investigating", startedAt: "2024-01-15T10:00:00Z" },  ]}/>

Props

PropTypeDefaultDescription
services*
ServiceStatus[]—Array of services with name and status.
incidents
Incident[]—Recent and ongoing incidents.
overallStatus
"operational" | "degraded" | "partial" | "outage"—Overall system status.
← PreviousStaggered List
Next →Streaming Text