ExpectedShortfallCard

stable

Expected Shortfall (CVaR) card with VaR comparison, ES/VaR multiplier, and limit utilization bar

Finance/Storybook ↗

import { ExpectedShortfallCard } from "@nodus/design-system/finance"

Loading demo…

Props

Prop	Type	Default	Description
`expectedShortfall`req	`number`	—	ES as decimal (e.g. 0.034 = 3.4%)
`confidenceLevel`	`ESConfidenceLevel`	—	95 \| 97.5 \| 99 \| 99.5 (default: 99)
`var`	`number`	—	VaR at same confidence level for comparison
`esLimit`	`number`	—	ES budget/limit for utilization gauge
`notional`	`number`	—	Portfolio notional for absolute loss display

expectedShortfallrequired

Type numberDefault —

ES as decimal (e.g. 0.034 = 3.4%)

confidenceLevel

Type ESConfidenceLevelDefault —

95 | 97.5 | 99 | 99.5 (default: 99)

var

Type numberDefault —

VaR at same confidence level for comparison

esLimit

Type numberDefault —

ES budget/limit for utilization gauge

notional

Type numberDefault —

Portfolio notional for absolute loss display

Metadatasemantic type outcome space fin

MobileStacks / Scroll

Card goes full-width. Metrics stack vertically.

Design Rationale

This component was designed to express:

View all principles →

Explore Related

Value-at-Risk summary card with confidence level, horizon, method, and limit utilization

StressTestResults→

Stress test scenario results table with impact bars, pass/warn/fail status, and worst-case callout

Risk metric display with confidence interval and severity bar

Was this helpful?