import { FXOptionPricer } from "@danagraph/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
basereq | string | — | Base currency (e.g. EUR) |
quotereq | string | — | Quote currency (e.g. USD) |
optionTypereq | "call" | "put" | — | Option type |
strikereq | number | — | Strike price |
premiumreq | number | — | Option premium |
expiryreq | string | — | Expiry date |
spot | number | — | Current spot rate |
greeks | OptionGreeks | — | Greeks values ({ delta, gamma, theta, vega, rho }) |
precision | number | 4 | Rate precision |
currency | string | — | ISO 4217 currency code for premium display |
density | "default" | "compact" | — | Display density |
locale | string | — | BCP 47 locale override |
baserequiredType
stringDefault —Base currency (e.g. EUR)
quoterequiredType
stringDefault —Quote currency (e.g. USD)
optionTyperequiredType
"call" | "put"Default —Option type
strikerequiredType
numberDefault —Strike price
premiumrequiredType
numberDefault —Option premium
expiryrequiredType
stringDefault —Expiry date
spotType
numberDefault —Current spot rate
greeksType
OptionGreeksDefault —Greeks values ({ delta, gamma, theta, vega, rho })
precisionType
numberDefault 4Rate precision
currencyType
stringDefault —ISO 4217 currency code for premium display
densityType
"default" | "compact"Default —Display density
localeType
stringDefault —BCP 47 locale override
MobileStacks / Scroll
Pricer input grid collapses to single-column on mobile. Result metrics stack vertically.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?