Metric Display Block
Display key metrics with values, units, trends, thresholds, and status indicators for dashboards and reports.
The Metric Display block provides a visually prominent way to showcase key performance indicators and metrics. It supports values with units, trend indicators, thresholds, and status colours, making it ideal for dashboards, status reports, and executive summaries.
When to Use
Block Properties
| Property | Required | Description |
|---|---|---|
| Label | Yes | Metric name or description |
| Value | Yes | The metric value |
| Unit | No | Unit of measurement (e.g., ms, %, GB) |
| Trend | No | Direction indicator (Up, Down, Stable) |
| Trend Value | No | Change amount (e.g., +5%, -10ms) |
| Threshold | No | Target or acceptable range |
| Status | No | Health indicator (Good, Warning, Critical) |
| Icon | No | Visual indicator for the metric type |
| Description | No | Additional context about the metric |
Status Values
Trend Indicators
Example: Performance Metric
A healthy response time metric with positive trend.
Example: Warning Status
A metric approaching its threshold.
Example: Critical Metric
A metric that has exceeded acceptable thresholds.
Example: Stable Business Metric
A neutral metric without trend or status.