DataMetric_TinyInline
components/data/metric/_/TinyInline.vue
Compact horizontal layout with percent bar background, value, label, and optional trend/spark.
2.4
k
API Calls
+128
840
Images
-12
7
Errors
+3
120
Scripts
+45
Scenarios
500
No spark
+10
500
Empty spark
+10
500
Overflow spark
+10
components/data/metric/_/TinyInline.vue
Usage
<DataMetric_TinyInline
:percent = "percent"
:val = "val"
unit = "—"
:spark = "spark"
:trend = "trend"
:healthMode = "healthModes.NEVER_HOT"
label = "—"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| percent | Number | undefined | Percent bar width |
| val | Number | undefined | Numeric value |
| unit | String | '' | Unit label |
| spark | Array | undefined | Spark chart data |
| trend | Number | undefined | Change value |
| healthMode | Function | healthModes.NEVER_HOT | Health evaluation function |
| label | String | '' | Label text |