SettlementNetCard

stable

Net settlement position card: gross debit, gross credit, net amount, counterparty, value date, netting method

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

Settlement Net Position

Meridian BankMERDDE33

2026-03-30PENDING

Gross Debit

($18,200,000.00)

Gross Credit

$14,200,000.00

Net Payment

Bilateral Net

−$4,000,000.00USD

Loading demo…

Props

Prop	Type	Default	Description
`counterparty`req	`string`	—	Counterparty name
`counterpartyId`	`string`	—	Counterparty BIC or short ID
`grossDebit`req	`number`	—	Gross debit amount (outflow)
`grossCredit`req	`number`	—	Gross credit amount (inflow)
`currency`	`string`	—	Currency code
`valueDate`req	`string`	—	ISO value date
`nettingMethod`	`NettingMethod`	—	Netting method applied
`status`	`pending \| processing \| settled \| failed`	—	Settlement status

counterpartyrequired

Type stringDefault —

Counterparty name

counterpartyId

Type stringDefault —

Counterparty BIC or short ID

grossDebitrequired

Type numberDefault —

Gross debit amount (outflow)

grossCreditrequired

Type numberDefault —

Gross credit amount (inflow)

currency

Type stringDefault —

Currency code

valueDaterequired

Type stringDefault —

ISO value date

nettingMethod

Type NettingMethodDefault —

Netting method applied

status

Type pending | processing | settled | failedDefault —

Settlement status

Metadatasemantic type border outcome payment

Design Rationale

This component was designed to express:

View all principles →

Explore Related

SettlementTracker→

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

SettlementTimeline→

Settlement lifecycle timeline with T+N stages and completion indicators

NettingPosition→

Multilateral netting summary with gross/net payable/receivable and savings percentage

Was this helpful?