ExposureLimitBar

stable

Multi-band exposure limit bar for counterparty, sector, and concentration limits with warning ticks

import { ExposureLimitBar } from "@nodus/design-system/finance"

Meridian Capital

NEAR84.0%

42.0M USDLIM 50.0M USD

Vantara APAC

OK74.0%

18.5M USDLIM 25.0M USD

Eastern Corp

NEAR98.0%

9.8M USDLIM 10.0M USD

GreenField Fund

OK14.0%

2.1M USDLIM 15.0M USD

Loading demo…

Props

Prop	Type	Default	Description
`bands`req	`ExposureLimitBand[]`	—	Exposure bands to render
`currency`	`string`	—	ISO 4217 currency (default: USD)
`showValues`	`boolean`	—	Show numeric values (default: true)
`density`	`"default" \| "compact"`	—	Display density

bandsrequired

Type ExposureLimitBand[]Default —

Exposure bands to render

currency

Type stringDefault —

ISO 4217 currency (default: USD)

showValues

Type booleanDefault —

Show numeric values (default: true)

density

Type "default" | "compact"Default —

Display density

MobileStacks / Scroll

Bar fills container. Labels and limit values stack on mobile.

Design Rationale

This component was designed to express:

Chronological risk limit breach timeline with severity escalation and acknowledgement tracking

Portfolio concentration risk breakdown with exposure bars and limit indicators

Risk metric display with confidence interval and severity bar

Was this helpful?