AccountingMetrics

stable

Key accounting metrics grid with period-over-period comparison and deltas

import { AccountingMetrics } from "@nodus/design-system/finance"

Accounting MetricsMarch 2026

Total Assets

$1,250,000,000.00

+2.5% vs prior

Total Liabilities

$890,000,000.00

+1.7% vs prior

Shareholders Equity

$360,000,000.00

+4.3% vs prior

Net Income

$18,500,000.00

+14.2% vs prior

Loading demo…

Props

Prop	Type	Default	Description
`metrics`req	`AccountingMetric[]`	—	Accounting metric data
`period`	`string`	—	Reporting period
`currency`	`string`	—	Currency code
`locale`	`string`	—	BCP 47 locale override
`label`	`string`	—	Section label

metricsrequired

Type AccountingMetric[]Default —

Accounting metric data

period

Type stringDefault —

Reporting period

currency

Type stringDefault —

Currency code

locale

Type stringDefault —

BCP 47 locale override

label

Type stringDefault —

Section label

MobileStacks / Scroll

Multi-column metric grid collapses to 2 columns on sm and 1 column on xs. Inherits grid stacking behavior.

Design Rationale

This component was designed to express:

Horizontal strip of key performance metrics with trend deltas and loading states

Summarized trial balance with account categories, debit/credit totals, and balance check

Was this helpful?