---
url: /api/renderers/web-components/src/variables/metric.md
---
[pantoken-root](../../../../index.md) / [renderers/web-components/src](../index.md) / metric

# Variable: metric

> `const` **metric**: [`ElementDefinition`](../interfaces/ElementDefinition.md)

Alpha

`<instui-metric>` — a labelled statistic: a large `value` over a smaller `label`. Both come from
attributes (escaped), not slots.

## Example

```html
<instui-metric value="1,024" label="Enrolled"></instui-metric>
```