LCRDashboard
stableLiquidity Coverage Ratio dashboard with HQLA, net outflows, and compliance gauge
import { LCRDashboard } from "@nodus/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
hqlareq | number | — | Total HQLA value |
netOutflowsreq | number | — | 30-day net cash outflows |
minimum | number | — | Regulatory minimum (default 100%) |
target | number | — | Internal target ratio |
currency | string | — | Currency code |
locale | string | — | BCP 47 locale override |
label | string | — | Dashboard title |
hqlarequiredType
numberDefault —Total HQLA value
netOutflowsrequiredType
numberDefault —30-day net cash outflows
minimumType
numberDefault —Regulatory minimum (default 100%)
targetType
numberDefault —Internal target ratio
currencyType
stringDefault —Currency code
localeType
stringDefault —BCP 47 locale override
labelType
stringDefault —Dashboard title
MobileStacks / Scroll
LCR dashboard collapses to single-column on mobile.
Design Rationale
This component was designed to express:
Explore Related
NSFRPanel→
Net Stable Funding Ratio panel with ASF/RSF category breakdown and compliance status
HQLAComposition→
HQLA tier composition breakdown with stacked bar and tier-level detail
RatioBar→
Regulatory compliance ratio bar with threshold marker — visualizes LCR, NSFR, leverage ratios against minimum requirements
Was this helpful?