TrackingErrorGauge
stableBenchmark tracking error gauge with TE budget/limit bar, utilization percentage, and severity classification
import { TrackingErrorGauge } from "@nodus/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
trackingErrorreq | number | — | Realized annualized TE as decimal (e.g. 0.018 = 1.8%) |
teLimitreq | number | — | TE budget / limit as decimal |
watchThreshold | number | — | Watch threshold as decimal (default: 80% of limit) |
informationRatio | number | — | Information ratio to display |
activeReturn | number | — | Active return vs benchmark as decimal |
trackingErrorrequiredType
numberDefault —Realized annualized TE as decimal (e.g. 0.018 = 1.8%)
teLimitrequiredType
numberDefault —TE budget / limit as decimal
watchThresholdType
numberDefault —Watch threshold as decimal (default: 80% of limit)
informationRatioType
numberDefault —Information ratio to display
activeReturnType
numberDefault —Active return vs benchmark as decimal
MobileStacks / Scroll
Gauge and metric table stack vertically on mobile.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?