184 Components
Health Check Status Matrix
CardsBetterStack and Statuspage inspired service availability tracker with segmented rolling uptime day bars, multi-service breakdowns, hover incident popovers, and overall SLA metrics.
BoseUI Cloud Platform Status
Operational telemetry & 45-day rolling SLA uptime matrix.
99.98% Uptime
Global Edge API Gateway99.99%
Serverless Database Clusters99.95%
Authentication & OAuth Services100.00%
CDN & Static Asset Delivery99.98%
45 days agoHover any day bar for incident telemetryToday
Installation
Install directly into your project using the shadcn CLI or copy the source code manually.
Requires:framer-motionlucide-reactclsxtailwind-merge
$npx shadcn@latest add "https://boseui.site/r/health-check-status-matrix.json"
Props
TypeScript props supported by <HealthCheckStatusMatrix />.
| Prop | Type | Default | Description |
|---|---|---|---|
| systemName | string | "BoseUI Cloud Platform" | Platform or organization name. |
| overallUptime | number | 99.98 | Overall system availability SLA percentage. |
Key Features
- Interactive segmented rolling day bars for multiple microservices.
- Color-coded day indicators for operational, degraded, and downtime incidents.
- Hover telemetry banner revealing incident details for specific days.
- Prominent overall SLA percentage badge.
Keyboard & Accessibility
- High-contrast color indicators supplemented with text status captions.
- Accessible hover and keyboard interactions.