Delta
Trend indicator showing delta value with up/down arrow and color.
When to Use
- Show percentage or absolute change next to a KPI metric.
- Indicate revenue growth, churn delta, or inventory variance at a glance.
- Use
Positive="DeltaDirection.Bad"for metrics where lower is better (e.g. error rate).
+12.5%
-3.2%
0%
+420
-88
-5.1%
+2.3%
+7.4%
-1.9%
API Reference
Delta
| Property | Type | Default | Description |
|---|---|---|---|
| Value | double | 0 | The numeric delta. Positive renders green (good), negative renders red (bad) by default. |
| Format | DeltaFormat | Percent | Display format. Percent appends %; Absolute shows raw number. |
| Positive | DeltaDirection | Good | Determines color semantics. Good = up is green; Bad = up is red (for metrics like churn or error rate). |
| ShowArrow | bool | true | Whether to show the directional arrow icon. |
| Class | string? | null | Additional CSS classes merged onto the root span. |