CovenantDashboard

stable

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

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

Covenant Compliance

1 Breach

as of 2026-03-07

Minimum Cashcompliant

Current: $12.50MMin: $10.00M

25.0% headroom

Max Debt-to-Equitycompliant

Current: 2.10Max: 2.50

16.0% headroom

Interest Coveragebreach

Current: 2.80Min: 3.00

0.0% headroom

Loading demo…

Props

Prop	Type	Default	Description
`title`	`string`	"Covenant Compliance"	Dashboard title
`asOf`	`string`	—	As-of date for the snapshot
`covenants`req	`CovenantThreshold[]`	—	Covenant thresholds with current/limit values
`locale`	`string`	—	BCP 47 locale override

title

Type stringDefault "Covenant Compliance"

Dashboard title

asOf

Type stringDefault —

As-of date for the snapshot

covenantsrequired

Type CovenantThreshold[]Default —

Covenant thresholds with current/limit values

locale

Type stringDefault —

BCP 47 locale override

MobileStacks / Scroll

Dashboard grid collapses to single-column on mobile.

Design Rationale

This component was designed to express:

Debt covenant compliance card with threshold vs. current visualization and headroom

Risk metric display with confidence interval and severity bar

Time-critical alert banner for cutoff warnings and breach notifications

Was this helpful?