Carregando…Carregando…Carregando…Carregando…Service status dashboard with groups, operational/degraded/outage indicators and overall status.
$ npx kikitocn add status-page@/lib/utilsimport { StatusPage } from "@/components/ui/cn/status-page/StatusPage";
export function StatusPageExample() {
return (
<StatusPage overallStatus="operational" />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
groups* | StatusGroup[] | — | Grupos de serviços: { group, services: ServiceItem[] } |
title | string | 'System Status' | Título da página de status |
lastUpdated | Date | string | undefined | Timestamp da última atualização |
overallStatus | 'operational' | 'degraded' | 'outage' | 'maintenance' | undefined | Status geral; se omitido, calcula o pior status entre todos os serviços |
className | string | — | Classes extras pro container raiz |
style | CSSProperties | — | Estilos inline pro container raiz |
Status Page — service health grid with grouped sections
overallStatus omitido — calculado sozinho (pior status = 'degraded')