ReconWaterfall

stable

Reconciliation waterfall showing match stages from total items to final exceptions

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

Reconciliation Waterfall

Opening Balance

$50,000,000.00

Matched Items

$42,000,000.00

Timing Differences

-$3,500,000.00

Exceptions

-$1,200,000.00

Closing Balance

$87,300,000.00

Loading demo…

Props

Prop	Type	Default	Description
`segments`req	`ReconSegment[]`	—	Waterfall segments
`currency`	`string`	—	Currency code
`locale`	`string`	—	BCP 47 locale override
`label`	`string`	—	Chart title

segmentsrequired

Type ReconSegment[]Default —

Waterfall segments

currency

Type stringDefault —

Currency code

locale

Type stringDefault —

BCP 47 locale override

label

Type stringDefault —

Chart title

MobileStacks / Scroll

Waterfall chart requires min 320px. Wrap in overflow-x-auto.

Design Rationale

This component was designed to express:

Cash flow waterfall with opening balance, incremental flows, and closing balance

Reconciliation summary dashboard with match rate, item counts, and status breakdown

Was this helpful?