OptionsPricingCard
Black-Scholes / Black-76 / Binomial options pricer: model inputs, live premium output, put/call toggle, and full Greeks breakdown
import { OptionsPricingCard } from "@danagraph/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
optionTypereq | OptionType | — | 'call' | 'put' |
model | OptionModel | — | 'black-scholes' | 'black-76' | 'binomial' |
spotreq | number | — | Underlying spot price |
strikereq | number | — | Strike price |
ratereq | number | — | Risk-free rate as decimal |
volreq | number | — | Implied volatility as decimal |
daysToExpiryreq | number | — | Days to option expiry |
premiumreq | number | — | Computed option premium |
greeks | OptionsPricingGreeks | — | Greeks breakdown (delta, gamma, theta, vega, rho) |
currency | string | — | ISO 4217 currency for premium display |
notional | number | — | Notional amount for total premium calculation |
onToggle | (type: OptionType) => void | — | Callback when user toggles put/call |
optionTyperequiredType
OptionTypeDefault —'call' | 'put'
modelType
OptionModelDefault —'black-scholes' | 'black-76' | 'binomial'
spotrequiredType
numberDefault —Underlying spot price
strikerequiredType
numberDefault —Strike price
raterequiredType
numberDefault —Risk-free rate as decimal
volrequiredType
numberDefault —Implied volatility as decimal
daysToExpiryrequiredType
numberDefault —Days to option expiry
premiumrequiredType
numberDefault —Computed option premium
greeksType
OptionsPricingGreeksDefault —Greeks breakdown (delta, gamma, theta, vega, rho)
currencyType
stringDefault —ISO 4217 currency for premium display
notionalType
numberDefault —Notional amount for total premium calculation
onToggleType
(type: OptionType) => voidDefault —Callback when user toggles put/call
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?