AttributionTable

stable

Performance attribution table with allocation, selection, and interaction effects

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

Performance AttributionQ1 2026+125.0 bps

Factor	Allocation	Selection	Interaction	Total
Duration	+15.0	+22.0	-3.0	+34.0
Credit	+8.0	+18.0	+5.0	+31.0
Currency	-5.0	+12.0	+2.0	+9.0
Sector	+20.0	+25.0	+6.0	+51.0
Total	+38.0	+77.0	+10.0	+125.0

Loading demo…

Props

Prop	Type	Default	Description
`attributions`req	`Attribution[]`	—	Attribution records
`totalReturn`req	`number`	—	Total portfolio return
`period`	`string`	—	Attribution period
`locale`	`string`	—	BCP 47 locale override
`label`	`string`	—	Table title

attributionsrequired

Type Attribution[]Default —

Attribution records

totalReturnrequired

Type numberDefault —

Total portfolio return

period

Type stringDefault —

Attribution period

locale

Type stringDefault —

BCP 47 locale override

label

Type stringDefault —

Table title

MobileStacks / Scroll

Multi-column attribution table activates horizontal scroll on narrow viewports.

Design Rationale

This component was designed to express:

Portfolio allocation donut chart with segment labels and center total

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

Was this helpful?