RiskScoreCard

stable

Composite risk score card with rating tier, period delta, and dimension breakdown bars

Finance/Storybook ↗

import { RiskScoreCard } from "@danagraph/design-system/finance"

Loading demo…

Props

Prop	Type	Default	Description
`entity`req	`string`	—	Entity name (portfolio, desk, counterparty)
`compositeScore`req	`number`	—	Overall risk score 0–100
`dimensions`	`RiskScoreDimension[]`	—	Score breakdown dimensions
`prevScore`	`number`	—	Previous composite score for delta
`asOf`	`string`	—	As-of date label
`density`	`"default" \| "compact"`	—	Display density

entityrequired

Type stringDefault —

Entity name (portfolio, desk, counterparty)

compositeScorerequired

Type numberDefault —

Overall risk score 0–100

dimensions

Type RiskScoreDimension[]Default —

Score breakdown dimensions

prevScore

Type numberDefault —

Previous composite score for delta

asOf

Type stringDefault —

As-of date label

density

Type "default" | "compact"Default —

Display density

MobileStacks / Scroll

Score card goes full-width. Score, band, and metric detail 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

Risk metric display with confidence interval and severity bar

Risk breach alert panel with three severity levels, acknowledgement flow, and limit/current display

Was this helpful?