CommercialPaperTracker

stable

CP issuance and maturity tracker with days-to-maturity urgency coloring and program-type classification

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

Commercial Paper

1 maturing today

OUTSTANDING

75M

PROGRAMS

3

CP-2026-0041US CPOUTSTANDINGUSD 50M2026-04-014D5.32%

CP-2026-0038ECPMATURES TODAYEUR 25M2026-03-302D3.91%

CP-2026-0035US CPMATUREDUSD 75M2026-03-03-25D5.18%

Loading demo…

Props

Prop	Type	Default	Description
`items`req	`CommercialPaperItem[]`	—	CP issuances to track
`asOf`	`string`	—	As-of date label

itemsrequired

Type CommercialPaperItem[]Default —

CP issuances to track

asOf

Type stringDefault —

As-of date label

MobileStacks / Scroll

Tracker table activates horizontal scroll on narrow viewports.

Design Rationale

This component was designed to express:

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

Payment lifecycle tracker with maker/checker pipeline and rejection handling

Portfolio maturity distribution with bar chart and bucket details including count, amount, yield

Was this helpful?