Metric API
API reference docs for the Stash Metric component. Learn about the props, CSS, and other APIs of this exported module.
Import
ts
import Metric from '@leaflink/stash/Metric.vue';Props
| Name | Type | Default | Description |
|---|---|---|---|
| label | string | '-' | The label for the metric. Appears above the value. |
| value | number | string | - | The primary text that will show in the metric. |
| accentColor | StashCommonColor | teal-500 | The accent color for the metric. Defaults to `teal`. Currently only used when the variant = `accent`. |
| size | MetricSize | standard | Controls the size of the metric via text size adjustments. |
| variant | MetricVariant | naked | The variant of the metric. Defaults to `naked`. |
Slots
| Name | Description |
|---|---|
| secondary | Supplementary information like a date, status, hint text, or secondary label. |
Events
None