PaymentStatusTracker
Payment lifecycle tracker with maker/checker pipeline and rejection handling
import { PaymentStatusTracker } from "@danagraph/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
idreq | string | — | Payment ID |
beneficiaryreq | string | — | Beneficiary name |
amountreq | number | — | Payment amount |
statusreq | PaymentStatus | — | Current pipeline status |
currency | string | — | Currency code (default USD) |
instrument | 'wire' | 'ach' | — | Payment instrument |
maker | string | — | Maker (initiator) name |
checker | string | — | Checker (approver) name |
rejectionReason | string | — | Rejection reason when status=rejected |
idrequiredType
stringDefault —Payment ID
beneficiaryrequiredType
stringDefault —Beneficiary name
amountrequiredType
numberDefault —Payment amount
statusrequiredType
PaymentStatusDefault —Current pipeline status
currencyType
stringDefault —Currency code (default USD)
instrumentType
'wire' | 'ach'Default —Payment instrument
makerType
stringDefault —Maker (initiator) name
checkerType
stringDefault —Checker (approver) name
rejectionReasonType
stringDefault —Rejection reason when status=rejected
MobileStacks / Scroll
Status tracker collapses to single-column timeline on mobile.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?