LimitBreachTimeline

stable

Chronological risk limit breach timeline with severity escalation and acknowledgement tracking

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

Limit Breaches

1 Unacknowledged

Last 7 days

VaR LimitCritical

Mar 7, 15:42

Exposure: $12.80MLimit: $10.00MUtilization: 128%

Counterparty ExposureWarning

Mar 6, 09:15

Exposure: $4.20MLimit: $5.00MUtilization: 84%

Acknowledged by K. Tanaka

FX Position LimitBreach

Mar 5, 11:30

Exposure: $8.10MLimit: $7.50MUtilization: 108%

Acknowledged by M. Rivera

Loading demo…

Props

Prop	Type	Default	Description
`events`req	`LimitEvent[]`	—	Breach events (most recent first)
`currency`	`string`	"USD"	Currency code
`period`	`string`	—	Time period label

eventsrequired

Type LimitEvent[]Default —

Breach events (most recent first)

currency

Type stringDefault "USD"

Currency code

period

Type stringDefault —

Time period label

MobileStacks / Scroll

Timeline activates horizontal scroll on mobile.

Design Rationale

This component was designed to express:

Time-critical alert banner for cutoff warnings and breach notifications

Risk metric display with confidence interval and severity bar

Debt covenant compliance dashboard with headroom bars, status badges, and bidirectional threshold support

Was this helpful?