HealthSummaryItem
components/health/SummaryItem.vue
Category row showing a status indicator circle, message, label, and colored severity dot. Shows exclamation icon when status is hot.
TLS Configuration
A+
Scenarios
TLS Configuration
A+
Security Headers
B
Cookie Security
C
Content Security Policy
F
components/health/SummaryItem.vue
Usage
<HealthSummaryItem
status = "—"
label = "—"
message = "—"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| status | String | — | Health status: 'cool', 'warn', 'warm', 'hot' (required) |
| label | String | '' | Right-aligned label text (e.g., grade letter) |
| message | String | '' | Category name / description text |