ReconSummary

stable

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

Finance/Storybook ↗

import { ReconSummary } from "@danagraph/design-system/finance"

Loading demo…

Props

Prop	Type	Default	Description
`matched`req	`number`	—	Matched item count
`unmatched`req	`number`	—	Unmatched item count
`pending`req	`number`	—	Pending item count
`totalItems`req	`number`	—	Total items
`reconciliationRate`req	`number`	—	Match rate percentage
`label`	`string`	—	Summary title

matchedrequired

Type numberDefault —

Matched item count

unmatchedrequired

Type numberDefault —

Unmatched item count

pendingrequired

Type numberDefault —

Pending item count

totalItemsrequired

Type numberDefault —

Total items

reconciliationRaterequired

Type numberDefault —

Match rate percentage

label

Type stringDefault —

Summary title

semantic type outcome

MobileStacks / Scroll

Reconciliation summary stacks metrics vertically on mobile.

Design Rationale

This component was designed to express:

View all principles →

Explore Related

ExceptionQueue→

Reconciliation exception queue with severity, age, and resolution status

Side-by-side reconciliation match pair showing bank vs. book entries with differences highlighted

ReconWaterfall→

Reconciliation waterfall showing match stages from total items to final exceptions

Was this helpful?