PeriodCloseTracker

stable

Accounting period close progress with step status, blockers, and deadline tracking

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

Period Close

Feb 2026Due Mar 10

2/6 steps33%

1. Sub-ledger reconciliationCompleteA. Kim

2. Intercompany eliminationsCompleteR. Patel

3. Accruals & adjustmentsIn ProgressJ. Chen

4. Management reviewPending

5. Regulatory submissionBlocked

6. Final sign-offPendingCFO

BLOCKED: Awaiting FX revaluation data from treasury

Loading demo…

Props

Prop	Type	Default	Description
`period`req	`string`	—	Accounting period label
`deadline`req	`string`	—	Close deadline
`steps`req	`CloseStep[]`	—	Close procedure steps

periodrequired

Type stringDefault —

Accounting period label

deadlinerequired

Type stringDefault —

Close deadline

stepsrequired

Type CloseStep[]Default —

Close procedure steps

MobileStacks / Scroll

Close tracker grid collapses to single-column on mobile.

Design Rationale

This component was designed to express:

Maker/checker approval pipeline with 5-step progression and rejection state

Compliance/regulatory status indicator for filings, KYC, and attestations

Was this helpful?