ReconciliationDiff
Side-by-side reconciliation diff — expected vs actual with match/break/tolerance/missing status per row and delta values
import { ReconciliationDiff } from "@danagraph/design-system/patterns"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
rowsreq | DiffRow[] | — | Diff rows: id, label, leftValue, rightValue, status, delta, unit |
leftLabel | string | — | Left column header (default: Expected) |
rightLabel | string | — | Right column header (default: Actual) |
breakOnly | boolean | — | Show only mismatched rows |
title | string | — | Section title |
rowsrequiredType
DiffRow[]Default —Diff rows: id, label, leftValue, rightValue, status, delta, unit
leftLabelType
stringDefault —Left column header (default: Expected)
rightLabelType
stringDefault —Right column header (default: Actual)
breakOnlyType
booleanDefault —Show only mismatched rows
titleType
stringDefault —Section title
Design Rationale
This component was designed to express:
Explore Related
BreakAnalysisTable→
Reconciliation break analysis table with break type, age, counterparty, amount, and open/aging/critical status
ValidationChain→
Sequential validation pipeline display. Each step shows rule name, result (pass/fail/warning/pending/skipped), and optional message. Used for data quality and policy gates.
IterationDiff→
Side-by-side or inline diff of iteration changes
Was this helpful?