DataMetric_Compact
components/data/metric/_/Compact.vue
Compact machine layout with label, value, trend, and spark — no navigation routing.
Requests
24.3
k
+128
Errors
12
-3
Failures
5
+2
Scenarios
No spark
300
+5
Empty spark
300
+5
Overflow spark
300
+5
components/data/metric/_/Compact.vue
Usage
<DataMetric_Compact
label = "—"
val = "—"
unit = "—"
:spark = "spark"
:trend = "trend"
:healthMode = "healthModes.NEVER_HOT"
:size = "size"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | String | '' | Component label |
| val | String | '' | Value |
| unit | String | '' | Unit label |
| spark | Array | undefined | Spark chart data |
| trend | Number | undefined | Change value |
| healthMode | Function | healthModes.NEVER_HOT | Health evaluation function |
| size | Number | undefined | Value font size |