DataMetricValue
components/data/metric/Value.vue
Flexible numeric display with dynamic font sizing, unit formatting, health mode, and loading spinner.
99.7
2.29
MB
$
4.2k
0
components/data/metric/Value.vue
Usage
<DataMetricValue
:val = "val"
:size = "40"
weight = "—"
unit = "—"
unitSize = "—"
:showFullNumber = "false"
:healthMode = "healthModes.NEVER_HOT"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| val | [Number, null] | null | Numeric value (null shows spinner) |
| size | Number | 40 | Font size in pixels |
| weight | String | '' | Font weight override |
| unit | String | '' | Unit label — 'bytes' and 'duration' format the value; '$' renders before the number ($331, $4.2k); any other string is a dimmed suffix |
| unitSize | String | '' | Unit font size override |
| showFullNumber | Boolean | false | Show unabbreviated number |
| healthMode | Function | healthModes.NEVER_HOT | Health evaluation function |