ConfirmationCard
Trade confirmation card with counterparty, amount, reference, and matching status
import { ConfirmationCard } from "@danagraph/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
typereq | ConfirmationType | — | Confirmation type |
referencereq | string | — | Reference number |
counterpartyreq | string | — | Counterparty name |
amountreq | number | — | Trade amount |
datereq | string | — | Confirmation date |
statusreq | ConfirmationStatus | — | Matching status |
currency | string | — | Currency code |
locale | string | — | BCP 47 locale override |
label | string | — | Card label |
typerequiredType
ConfirmationTypeDefault —Confirmation type
referencerequiredType
stringDefault —Reference number
counterpartyrequiredType
stringDefault —Counterparty name
amountrequiredType
numberDefault —Trade amount
daterequiredType
stringDefault —Confirmation date
statusrequiredType
ConfirmationStatusDefault —Matching status
currencyType
stringDefault —Currency code
localeType
stringDefault —BCP 47 locale override
labelType
stringDefault —Card label
MobileStacks / Scroll
Full-width on mobile. Action buttons stack vertically.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?