Accounting · Tax, assets & operations
FixedAssetOverview
Fixed-asset detail: name and status, KPI tiles (total cost, accumulated depreciation, NBV, qualifying expenditure), tabs, fact strip and the Asset details / Depreciation & Tax (method, useful life, CA class, IA/AA) cards, plus disposal details when disposed.
import { FixedAssetOverview } from "@cynco-labs/ui";Example
import { FixedAssetOverview } from "@cynco-labs/ui";
export default function FixedAssetOverviewDemo() {
return (
<FixedAssetOverview
asset={{
assetCode: "FA-2024-0031",
name: "Toyota Hilux 2.4 Double Cab",
status: "active",
categoryName: "Motor vehicles",
description: "Delivery pickup — Shah Alam warehouse",
purchaseDate: "2024-03-18",
totalCost: 148900,
accumulatedDepreciation: 46531.25,
netBookValue: 102368.75,
qualifyingExpenditure: 100000,
residualValue: 20000,
depreciationMethod: "straight_line",
usefulLifeMonths: 60,
depreciationRate: null,
serialNumber: "MR0HA3CD5P0412887",
location: "Shah Alam HQ",
department: "Logistics",
custodian: "Faizal Rahman",
invoiceReference: "INV-UMW-240318",
measurementModel: "cost",
sourceType: "bill",
caClass: "motor_vehicle",
iaRate: "20",
aaRate: "20",
iaClaimed: 20000,
cumulativeAaClaimed: 40000,
residualExpenditure: 40000,
}}
/>
);
}Use
Fixed asset detail page.
Props
asset (the cynco LoaderData asset fields); optional schedule for the Depreciation tab, defaultTab; optional className and native div props on the root.
Notes
The Capital allowances and Revaluations tabs are placeholders in the demo.