SettlementTracker

stable

Settlement batch tracker with batch status, amounts, and counterparty breakdown

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

Settlement Tracker

Batch	Items	Total	Settle Date	Status
BATCH-001	45	$12.50M	2026-03-10	SETTLED
BATCH-002	23	$8.20M	2026-03-10OVERDUE	PROCESSING
BATCH-003	67	$25.00M	2026-03-11OVERDUE	PENDING

Loading demo…

Props

Prop	Type	Default	Description
`batches`req	`SettlementBatch[]`	—	Settlement batch records
`currency`	`string`	—	Currency code
`locale`	`string`	—	BCP 47 locale override
`label`	`string`	—	Tracker title

batchesrequired

Type SettlementBatch[]Default —

Settlement batch records

currency

Type stringDefault —

Currency code

locale

Type stringDefault —

BCP 47 locale override

label

Type stringDefault —

Tracker title

MobileStacks / Scroll

Tracker table activates horizontal scroll on narrow viewports.

Design Rationale

This component was designed to express:

Settlement lifecycle timeline with T+N stages and completion indicators

Trade confirmation card with counterparty, amount, reference, and matching status

Was this helpful?