PaymentTracker
stableEnd-to-end payment lifecycle tracker with step progression and SLA deadline
import { PaymentTracker } from "@nodus/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
paymentIdreq | string | — | Payment reference ID |
amountreq | number | — | Payment amount |
currency | string | — | Currency code |
statusreq | PaymentTrackerStatus | — | Current payment status |
stepsreq | PaymentStep[] | — | Payment lifecycle steps |
slaDeadline | string | — | SLA deadline timestamp |
locale | string | — | BCP 47 locale override |
label | string | — | Tracker title |
paymentIdrequiredType
stringDefault —Payment reference ID
amountrequiredType
numberDefault —Payment amount
currencyType
stringDefault —Currency code
statusrequiredType
PaymentTrackerStatusDefault —Current payment status
stepsrequiredType
PaymentStep[]Default —Payment lifecycle steps
slaDeadlineType
stringDefault —SLA deadline timestamp
localeType
stringDefault —BCP 47 locale override
labelType
stringDefault —Tracker title
MobileStacks / Scroll
Tracker activates horizontal scroll on narrow viewports.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?