🇪🇺🇺🇸EUR/USDFWD
LIVEFWD RATE
1.0842
SPOT
1.0810
FWD PTS
+32.0
NOTIONAL
TENOR
VALUE DATE
TRADE DATE
MTM P&L (USD)+32,000
FWD-2026-0084
ForwardContractCard
Forward contract card showing rate, forward points, notional, tenor, MTM P&L, and contract status
import { ForwardContractCard } from "@danagraph/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
contractIdreq | string | — | Contract reference identifier |
basereq | string | — | Base currency |
quotereq | string | — | Quote currency |
notionalreq | number | — | Notional amount in base currency |
forwardRatereq | number | — | Forward rate |
spotRate | number | — | Spot rate at booking (for forward points) |
valueDatereq | string | — | Settlement date (ISO 8601) |
status | ForwardContractStatus | — | Contract status |
mtmPnl | number | — | Mark-to-market P&L in quote currency |
counterparty | string | — | Counterparty name |
density | "default" | "compact" | — | Display density |
contractIdrequiredType
stringDefault —Contract reference identifier
baserequiredType
stringDefault —Base currency
quoterequiredType
stringDefault —Quote currency
notionalrequiredType
numberDefault —Notional amount in base currency
forwardRaterequiredType
numberDefault —Forward rate
spotRateType
numberDefault —Spot rate at booking (for forward points)
valueDaterequiredType
stringDefault —Settlement date (ISO 8601)
statusType
ForwardContractStatusDefault —Contract status
mtmPnlType
numberDefault —Mark-to-market P&L in quote currency
counterpartyType
stringDefault —Counterparty name
densityType
"default" | "compact"Default —Display density
MobileStacks / Scroll
Contract details panel goes full-width. Multi-column layout stacks on mobile.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?