RiskDashboard
stableComposed risk management dashboard with VaR, heatmap, concentration, and Greeks
import { RiskDashboard } from "@nodus/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | — | Dashboard title |
asOfreq | string | — | As-of date |
metrics | SummaryMetric[] | — | Summary metrics |
varCard | VaRCardProps | — | VaR card props |
heatmap | RiskHeatmapProps | — | Heatmap props |
concentration | ConcentrationRiskProps | — | Concentration risk props |
greeks | GreeksPanelProps | — | Greeks panel props |
source | string | — | Data source attribution |
locale | string | — | BCP 47 locale override |
titleType
stringDefault —Dashboard title
asOfrequiredType
stringDefault —As-of date
metricsType
SummaryMetric[]Default —Summary metrics
varCardType
VaRCardPropsDefault —VaR card props
heatmapType
RiskHeatmapPropsDefault —Heatmap props
concentrationType
ConcentrationRiskPropsDefault —Concentration risk props
greeksType
GreeksPanelPropsDefault —Greeks panel props
sourceType
stringDefault —Data source attribution
localeType
stringDefault —BCP 47 locale override
MobileStacks / Scroll
Dashboard grid collapses to single-column on mobile. Chart panels activate h-scroll.
Design Rationale
This component was designed to express:
Explore Related
VaRCard→
Value-at-Risk summary card with confidence level, horizon, method, and limit utilization
RiskHeatmap→
Two-dimensional risk heatmap grid with severity-colored cells
ConcentrationRisk→
Portfolio concentration risk breakdown with exposure bars and limit indicators
GreeksPanel→
Options Greeks display panel with delta, gamma, theta, vega, and rho values
Was this helpful?