RiskDisclosure

stable

Risk disclosure callout with severity level, description, and mitigation guidance

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

CRITICALLiquidity Coverage Ratio Below Threshold

LCR has fallen to 92%, below the 100% regulatory minimum.

Mitigation

Emergency HQLA purchase initiated via overnight repo facility.

Ref: Basel III Art. 412

MEDIUMFX Concentration Limit Approaching

EUR/USD exposure at 78% of single-currency concentration limit.

Loading demo…

Props

Prop	Type	Default	Description
`severity`req	`DisclosureSeverity`	—	Risk severity level
`title`req	`string`	—	Disclosure title
`description`req	`string`	—	Risk description
`mitigation`	`string`	—	Mitigation guidance
`reference`	`string`	—	Regulatory reference

severityrequired

Type DisclosureSeverityDefault —

Risk severity level

titlerequired

Type stringDefault —

Disclosure title

descriptionrequired

Type stringDefault —

Risk description

mitigation

Type stringDefault —

Mitigation guidance

reference

Type stringDefault —

Regulatory reference

MobileWorks As-Is

Risk disclosure text reflows naturally. Ensure font size ≥12px for legal readability.

Design Rationale

This component was designed to express:

Time-critical alert banner for cutoff warnings and breach notifications

Two-dimensional risk heatmap grid with severity-colored cells

Was this helpful?