HealthDialSummary
components/health/DialSummary.vue
Wraps HealthDial in a circular white card with shadow and a status message below the gauge. Auto-derives message from status if not provided.
Good
Scenarios
Good
Warning
Concerning
Critical
Custom Message Override
Healthy
At Risk
components/health/DialSummary.vue
Usage
<HealthDialSummary
status = "—"
statusMessage = "null"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| status | String | — | Health status: 'cool', 'warn', 'warm', 'hot' (required) |
| statusMessage | String | null | Override text below the dial. Auto-derived from status if omitted (Good/Warning/Concerning/Critical). |