GreeksPanel

stable

Options Greeks display panel with delta, gamma, theta, vega, and rho values

import { GreeksPanel } from "@danagraph/design-system/finance"

EUR/USD Options Book

Notional: $50.00M

Δ0.4500Delta

Γ0.032000Gamma

Θ-12,500.0000Theta

Ν85,000.0000Vega

ρ15,200.0000Rho

Loading demo…

Props

Prop	Type	Default	Description
`greeks`req	`GreeksData`	—	Greeks values object
`label`	`string`	—	Panel title
`notional`	`number`	—	Notional amount for dollar Greeks
`currency`	`string`	—	Currency code
`locale`	`string`	—	BCP 47 locale override

greeksrequired

Type GreeksDataDefault —

Greeks values object

label

Type stringDefault —

Panel title

notional

Type numberDefault —

Notional amount for dollar Greeks

currency

Type stringDefault —

Currency code

locale

Type stringDefault —

BCP 47 locale override

MobileStacks / Scroll

Greeks metrics table stacks to single column on mobile. Consider showing only delta/gamma on small screens with a 'Show all' toggle.

Design Rationale

This component was designed to express:

Value-at-Risk summary card with confidence level, horizon, method, and limit utilization

FX option pricing summary with Greeks display

Was this helpful?