@get-asset/react
Aged Payables
Styled payables aging table grouped into 0–30, 31–60, 61–90, and 90+ day buckets. It shows vendor totals and calculated column totals, and switches to a compact vendor-card layout on narrow containers. Its aging date is the last day of the range selected on AssetProvider.
Built on the headless AgedReport compound from @get-asset/sdk.
Preview
Loading preview…
Required scopes
The access token used by AssetProvider must include this scope for this primitive to fetch data successfully:
report:read
API reference
Root props
| Prop | Type | Default | Description |
|---|---|---|---|
dateFrom | CalendarDateString | — | Inclusive start (YYYY-MM-DD) of a fixed reporting range. Detaches the card from the provider's shared range and must be paired with dateTo. Use periodDateRange to derive the pair from a month, quarter, or year. |
dateTo | CalendarDateString | — | Inclusive end (YYYY-MM-DD) of the fixed reporting range, and the day the report ages from. Must be paired with dateFrom. Omit both to follow the provider's date picker. |
lines | AgedReportLineOverride[] | — | Overrides fetched rows and skips the API request. |
state | "loading" | "error" | "empty" | — | Forces a state and skips the API request. |
className | string | — | Forwarded to the outer card. |
States
Loading
Loading preview…
Success
Loading preview…
EmptyNo outstanding payables.
Loading preview…
Error
Loading preview…