TrialBalanceTree

stable

Hierarchical trial balance with expandable GL account tree, debit/credit/net columns

FinanceInteractive/Storybook ↗

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

Trial Balance

Unbalanced

as of 2026-02-28

AccountDebitCreditNet

1000Assets$15.20M—+$15.20M

1100Cash & Equivalents$8.40M—+$8.40M

1200Accounts Receivable$4.30M—+$4.30M

1300Prepaid Expenses$2.50M—+$2.50M

2000Liabilities—$9.80M-$9.80M

2100Accounts Payable—$3.20M-$3.20M

2200Accrued Expenses—$1.60M-$1.60M

2300Long-Term Debt—$5.00M-$5.00M

3000Equity—$5.40M-$5.40M

Total$30.40M$25.00M$5.40M

Loading demo…

Props

Prop	Type	Default	Description
`accounts`req	`GLAccount[]`	—	Top-level GL accounts with optional children
`currency`	`string`	"USD"	Currency code
`asOf`	`string`	—	As-of date

accountsrequired

Type GLAccount[]Default —

Top-level GL accounts with optional children

currency

Type stringDefault "USD"

Currency code

asOf

Type stringDefault —

As-of date

MobileTouch Target

Tree expand/collapse controls must be ≥44px. On narrow viewports, the tree activates horizontal scroll — wrap in overflow-x-auto.

Design Rationale

This component was designed to express:

High-density data table for treasury positions, risk matrices, and compliance grids

Recursive liquidity pool tree showing parent-child account balances

Was this helpful?