FundingCostBreakdown

stable

Horizontal bar chart showing all-in cost (bps) per funding source with blended average reference line

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

Funding Cost Breakdown

2026-03-28Blended: 4.23%

Senior Unsecured

5YUSD 150M

1.85%

+132bp

CP 3M

3MUSD 75M

5.32%

+2bp

Term Loan A

4YUSD 200M

4.50%

+397bp

Sub Debt

8YUSD 75M

7.20%

Loading demo…

Props

Prop	Type	Default	Description
`sources`req	`FundingSource[]`	—	Funding sources with cost and notional
`blendedBps`	`number`	—	Blended WAC in bps (auto-calculated if omitted)

sourcesrequired

Type FundingSource[]Default —

Funding sources with cost and notional

blendedBps

Type numberDefault —

Blended WAC in bps (auto-calculated if omitted)

MobileStacks / Scroll

Breakdown chart/table activates h-scroll on narrow viewports.

Design Rationale

This component was designed to express:

Stacked bar chart showing debt maturities by period and instrument type for funding dashboards

Repo and reverse repo rate table by collateral type and tenor with spread-to-benchmark display

Credit facility utilization gauge with drawn amount, limit, and availability

Was this helpful?