HQLAComposition
stableHQLA tier composition breakdown with stacked bar and tier-level detail
import { HQLAComposition } from "@nodus/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
tiersreq | HQLATier[] | — | HQLA tier data |
currency | string | — | Currency code |
locale | string | — | BCP 47 locale override |
label | string | — | Section label |
tiersrequiredType
HQLATier[]Default —HQLA tier data
currencyType
stringDefault —Currency code
localeType
stringDefault —BCP 47 locale override
labelType
stringDefault —Section label
MobileStacks / Scroll
Composition breakdown stacks to single column on mobile.
Design Rationale
This component was designed to express:
Explore Related
LCRDashboard→
Liquidity Coverage Ratio dashboard with HQLA, net outflows, and compliance gauge
NSFRPanel→
Net Stable Funding Ratio panel with ASF/RSF category breakdown and compliance status
RatioBar→
Regulatory compliance ratio bar with threshold marker — visualizes LCR, NSFR, leverage ratios against minimum requirements
Was this helpful?