DerivativeExposureBar
stableDiverging horizontal bar showing derivative exposure by instrument type (asset vs liability)
import { DerivativeExposureBar } from "@nodus/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
bandsreq | DerivativeExposureBand[] | — | Exposure bands to display |
currency | string | — | Currency for formatting (default: USD) |
max | number | — | Maximum absolute value for scale normalization |
showValues | boolean | — | Show value labels inline (default: true) |
density | "default" | "compact" | — | Display density |
bandsrequiredType
DerivativeExposureBand[]Default —Exposure bands to display
currencyType
stringDefault —Currency for formatting (default: USD)
maxType
numberDefault —Maximum absolute value for scale normalization
showValuesType
booleanDefault —Show value labels inline (default: true)
densityType
"default" | "compact"Default —Display density
MobileStacks / Scroll
Exposure bar fills container. Metric labels stack below on mobile.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?