STPRateGauge

stable

Straight-Through Processing rate gauge with target line, exception count, and exception breakdown

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

STP Rate— MTD

94.2%

BELOW TARGET

0%Target: 95.0%100%

Total

1,840

STP

1,733

Exceptions

107

Exception Breakdown

Price mismatch48

Missing reference31

Counterparty error28

Loading demo…

Props

Prop	Type	Default	Description
`stpRate`req	`number`	—	STP rate as decimal (e.g. 0.94 = 94%)
`totalCount`req	`number`	—	Total transactions processed
`targetRate`	`number`	—	Target STP rate (default: 0.95 = 95%)
`exceptionBreakdown`	`array`	—	Exception count by reason

stpRaterequired

Type numberDefault —

STP rate as decimal (e.g. 0.94 = 94%)

totalCountrequired

Type numberDefault —

Total transactions processed

targetRate

Type numberDefault —

Target STP rate (default: 0.95 = 95%)

exceptionBreakdown

Type arrayDefault —

Exception count by reason

MobileStacks / Scroll

Gauge and exception metrics stack vertically on mobile.

Design Rationale

This component was designed to express:

Reconciliation break analysis table with break type, age, counterparty, amount, and open/aging/critical status

Was this helpful?