DataMetric_Card
components/data/metric/_/Card.vue
Bordered stat card — label over value in a rounded surface box, built from DataMetricLabel + DataMetricValue.
Events
148
Events
Scenarios
Events
148
Sources
3
Visible
92
Requests
2.4
m
Single
1
Loading
A very long metric label
999999999
components/data/metric/_/Card.vue
Usage
<DataMetric_Card
label = "—"
:val = "—"
unit = "—"
:size = "20"
weight = "—"
:showFullNumber = "true"
:healthMode = "NEVER_HOT"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | String | — | Metric label shown above the value |
| val | any | — | The value (required); null shows the loading spinner |
| unit | String | — | Unit hint (bytes, duration, custom) |
| size | Number | 20 | Value font size in px |
| weight | String | — | Value font weight override |
| showFullNumber | Boolean | true | Exact counts instead of abbreviations |
| healthMode | Function | NEVER_HOT | Returns true when the value should render hot |