VaRCard
Value-at-Risk summary card with confidence level, horizon, method, and limit utilization
import { VaRCard } from "@danagraph/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
totalVaRreq | number | — | Total VaR amount |
confidenceLevelreq | number | — | Confidence level (e.g. 99) |
horizonreq | string | — | Time horizon (e.g. 1-Day) |
method | VaRMethod | — | VaR methodology |
limit | number | — | VaR limit for utilization gauge |
previousVaR | number | — | Previous period VaR for delta |
currency | string | — | Currency code |
locale | string | — | BCP 47 locale override |
label | string | — | Card title |
totalVaRrequiredType
numberDefault —Total VaR amount
confidenceLevelrequiredType
numberDefault —Confidence level (e.g. 99)
horizonrequiredType
stringDefault —Time horizon (e.g. 1-Day)
methodType
VaRMethodDefault —VaR methodology
limitType
numberDefault —VaR limit for utilization gauge
previousVaRType
numberDefault —Previous period VaR for delta
currencyType
stringDefault —Currency code
localeType
stringDefault —BCP 47 locale override
labelType
stringDefault —Card title
MobileStacks / Scroll
VaR card goes full-width. Metric and confidence level stack vertically.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?