Skip to content

Net Worth Panel

A compact 4-column grid of key performance indicator (KPI) cards summarising total financial position at a glance.

What It Shows

Four large-format cards, each with an icon, label, and value:

CardIconDescription
Total AssetsWalletSum of all asset account balances
Total LiabilitiesTrendingDownSum of all liability account balances
Net WorthDollarSignAssets minus liabilities
Monthly NetTrendingUpIncome minus expenses for the current month

The Monthly Net card displays contextual text: "saved this month" when positive, "overspent" when negative.

Key Features

  • Color-coded values -- Green for positive amounts, red for negative.
  • Large typography -- Values use text-3xl font-bold with tabular-nums for consistent digit width.
  • Single data source -- All four values derived from the same netWorth object in the store.

Data Source

StoreFields
useFinanceStorenetWorth (contains assets, liabilities, netWorth, monthlyNet)

All values formatted with formatNZD().

Interactivity

This panel is display-only. No interactive controls.