Skip to content

AgingBucketChart

stable

Receivables aging visualization with bucket bars, overdue percentage, and amount breakdown

import { AgingBucketChart } from "@nodus/design-system/finance"
Loading demo…

Props

bucketsrequired
Type AgingBucket[]Default

Aging period buckets

totalOutstandingrequired
Type numberDefault

Total outstanding amount

overdueAmountrequired
Type numberDefault

Amount past due

Metadatasemantictypebordermotionoutcome
MobileStacks / Scroll

Chart activates horizontal scroll on narrow viewports. Wrap in overflow-x-auto with a min-width on the chart container.

Design Rationale

This component was designed to express:

Explore Related

Was this helpful?