CovenantGauge

stable

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

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

Covenant Compliance

Action Required

Debt/EBITDACompliant

Current: $2.80Threshold: $3.50

Headroom: +20.0%

Interest CoverageWarning

Current: $2.10Threshold: $2.00

Headroom: +5.0%

Current RatioBreach

Current: $1.05Threshold: $1.20

Headroom: -12.5%

Loading demo…

Props

Prop	Type	Default	Description
`covenants`req	`Covenant[]`	—	Covenant compliance data
`currency`	`string`	—	Currency for amounts

covenantsrequired

Type Covenant[]Default —

Covenant compliance data

currency

Type stringDefault —

Currency for amounts

MobileStacks / Scroll

Gauge and metric table stack vertically on mobile.

Design Rationale

This component was designed to express:

Risk metric display with confidence interval and severity bar

Time-critical alert banner for cutoff warnings and breach notifications

Was this helpful?