VaRGauge
Semicircular VaR gauge showing limit utilization with four severity tiers
import { VaRGauge } from "@danagraph/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
valuereq | number | — | Current VaR value |
limitreq | number | — | VaR limit (100% mark) |
confidenceLevel | number | — | Confidence level (e.g. 0.99) |
horizon | string | — | Time horizon label (default: 1D) |
thresholds | object | — | Custom severity thresholds as fraction of limit |
density | "default" | "compact" | — | Display density |
valuerequiredType
numberDefault —Current VaR value
limitrequiredType
numberDefault —VaR limit (100% mark)
confidenceLevelType
numberDefault —Confidence level (e.g. 0.99)
horizonType
stringDefault —Time horizon label (default: 1D)
thresholdsType
objectDefault —Custom severity thresholds as fraction of limit
densityType
"default" | "compact"Default —Display density
MobileStacks / Scroll
Gauge fills container. Metric label and value stack below gauge on mobile.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?