Status Page
Status page: overall banner, 90-day uptime, incidents and subscriptions. Pro · Developer tools › Operations and releases
Public status page: overall banner, per-service uptime history, incident timeline and a subscribe form.
Installation
npx valyro-cli@latest login
npx valyro-cli@latest add status-page
npm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { StatusPage } from 'valyro-ui-pro';
Props
| Prop | Type | Default | |
|---|---|---|---|
services * | StatusService[] | Services listed with their current status and daily uptime bars; the worst status sets the banner. | |
incidents | StatusIncident[] | [] | Incidents; open ones are pinned above the services, closed ones are listed under Past incidents. |
title | ReactNode | Page title, e.g. a product name with a logo. | |
status | 'operational' | 'degraded' | 'partial' | 'major' | 'maintenance' | Overall status in the banner. Default: the worst current service status. | |
days | number | 90 | Days of history per service. Narrow layouts show the last 60 or 30. Default 90. |
updatedAt | DateInput | When the data was last refreshed; shown in the banner. | |
onSubscribe | (email: string) => Promise<unknown> | unknown | Shows the subscribe button; called with the email. May return a promise; a rejection shows an error. | |
headingLevel | 2 | 3 | 4 | 5 | 2 | Level of the page title; section titles are one level below. Default 2. |
locale | string | BCP 47 locale for dates and numbers. Default: the ThemeProvider locale, then the browser's. | |
labels | Partial<StatusPageLabels> | Overrides for the built-in English text; keys left out keep their defaults. |
Related components
- Storage Usage — Storage: usage by category and cleanup actions
- Download Center — Exports: file types, size, link expiry and re-request
- Feature Flag Simulator — Preview the product under different feature flags and segments, no production access
- Code Block — Syntax-highlighted code
- Diff Viewer — Multi-file diff: file list with stats, unified and split views, word highlights
- Log Viewer — Streaming logs: levels, highlighted search, tail follow, JSON lines
- Request Inspector — HTTP request log: filters, headers, bodies and a timing waterfall
- API Key Manager — API keys: create with scopes and expiry, show the secret once, revoke
- Api Playground — API playground: model, parameters, prompts and JSON request/response
- Webhook Endpoints — Webhooks: endpoints, events, toggles and delivery rate
- Certificate List — SSL/TLS certificates: time to expiry, auto-renewal, legend
Previous: Certificate List · Next: Storage Usage · All Developer tools