NettingPosition
stableMultilateral netting summary with gross/net payable/receivable and savings percentage
import { NettingPosition } from "@nodus/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
grossPayablereq | number | — | Gross payable amount |
grossReceivablereq | number | — | Gross receivable amount |
netPayablereq | number | — | Net payable after netting |
netReceivablereq | number | — | Net receivable after netting |
savingsPercentreq | number | — | Netting savings percentage |
currency | string | — | Currency code |
locale | string | — | BCP 47 locale override |
label | string | — | Card label |
grossPayablerequiredType
numberDefault —Gross payable amount
grossReceivablerequiredType
numberDefault —Gross receivable amount
netPayablerequiredType
numberDefault —Net payable after netting
netReceivablerequiredType
numberDefault —Net receivable after netting
savingsPercentrequiredType
numberDefault —Netting savings percentage
currencyType
stringDefault —Currency code
localeType
stringDefault —BCP 47 locale override
labelType
stringDefault —Card label
MobileStacks / Scroll
Position details stack vertically on mobile.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?