Accounting · Tax, assets & operations
AssetDepreciationSchedule
Depreciation schedule by period: charge, accumulated to date, NBV after, and Posted (linked to its journal) or Draft.
import { AssetDepreciationSchedule } from "@cynco-labs/ui";Example
import { AssetDepreciationSchedule } from "@cynco-labs/ui";
export default function AssetDepreciationScheduleDemo() {
let nbv = 102368.75,
acc = 46531.25;
const rows = ["2026-05", "2026-06", "2026-07", "2026-08", "2026-09", "2026-10", "2026-11"].map(
(p, i) => {
acc += 2148.33;
nbv -= 2148.33;
return {
id: "d" + i,
period: p,
depreciationAmount: 2148.33,
accumulatedToDate: acc,
netBookValueAfter: nbv,
isPosted: i < 6,
journalEntryId: i < 5 ? "je" + i : null,
};
},
);
return <AssetDepreciationSchedule entries={rows} />;
}Use
Fixed asset Depreciation tab, or anywhere a schedule is listed.
Props
entries [{id, period, depreciationAmount, accumulatedToDate, netBookValueAfter, isPosted, journalEntryId}]; optional onOpenJournal(id); optional className and native div props on the root.
Notes
Responsive by container: DataList: table when wide, period/NBV cards when narrow.