ValyroUI Русская версия

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

PropTypeDefault
services *StatusService[]Services listed with their current status and daily uptime bars; the worst status sets the banner.
incidentsStatusIncident[][]Incidents; open ones are pinned above the services, closed ones are listed under Past incidents.
titleReactNodePage 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.
daysnumber90Days of history per service. Narrow layouts show the last 60 or 30. Default 90.
updatedAtDateInputWhen the data was last refreshed; shown in the banner.
onSubscribe(email: string) => Promise<unknown> | unknownShows the subscribe button; called with the email. May return a promise; a rejection shows an error.
headingLevel2 | 3 | 4 | 52Level of the page title; section titles are one level below. Default 2.
localestringBCP 47 locale for dates and numbers. Default: the ThemeProvider locale, then the browser's.
labelsPartial<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