Dashboard
DashboardSystemHealth
System health status monitor showing service and dependency statuses.
DashboardSystemHealth
Renders a health-check panel displaying the status of backend services, databases, queues, and external integrations with color-coded indicators.
Components
<XAdminDashboardSystemHealth />
Displays a list of named services with their current health status (healthy, degraded, down) and optional uptime percentage.
<XAdminDashboardSystemHealth />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
endpoint | string | '/api/admin/dashboard/health' | API endpoint for health data |
loading | boolean | false | Show loading skeleton |
refreshInterval | number | 30000 | Polling interval in milliseconds |
showUptime | boolean | true | Display uptime percentage per service |
Types
interface HealthService {
name: string
status: 'healthy' | 'degraded' | 'down'
uptime?: number // percentage 0–100
latency?: number // ms
}
AI Context
component: XAdminDashboardSystemHealth
package: "@xenterprises/nuxt-x-app-admin"
category: Dashboard
use-when: Showing a status board of backend services and dependencies on an admin dashboard