HoldingsTable

stable

Portfolio holdings table with position, market value, weight, and P&L columns

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

Holdings

Holding	Qty	Mkt Value	Weight	Daily P&L	Total P&L
T 2.5 28 US Treasury 2.5% 2028	10,000	$9.85M	32.0%	+$12.50K	+$145.00K
MRD 4.1 Meridian Corp Bond 4.1%	5,000	$5.12M	17.0%	-$8.20K	+$62.00K
NVC NovaCorp Equity	25,000	$3.75M	12.0%	+$45.00K	-$28.00K
Total		$18.72M		+$49.30K	+$179.00K

Loading demo…

Props

Prop	Type	Default	Description
`holdings`req	`Holding[]`	—	Holding records
`currency`	`string`	—	Currency code
`locale`	`string`	—	BCP 47 locale override
`label`	`string`	—	Table title

holdingsrequired

Type Holding[]Default —

Holding records

currency

Type stringDefault —

Currency code

locale

Type stringDefault —

BCP 47 locale override

label

Type stringDefault —

Table title

MobileStacks / Scroll

Wide table activates horizontal scroll. Pin security name and quantity columns for mobile.

Design Rationale

This component was designed to express:

Portfolio allocation donut chart with segment labels and center total

Performance attribution table with allocation, selection, and interaction effects

Was this helpful?