TCAReport

stable

Transaction cost analysis report with benchmark comparison and slippage metrics

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

TCA Report

EUR/USDbuy5,000,000 units

1.0842

Avg Implementation Shortfall+2.2 bps

Loading demo…

Props

Prop	Type	Default	Description
`instrument`req	`string`	—	Traded instrument
`side`req	`'buy' \| 'sell'`	—	Trade side
`executedPrice`req	`number`	—	Execution price
`benchmarks`req	`TCABenchmark[]`	—	Benchmark comparisons
`quantity`req	`number`	—	Trade quantity
`currency`	`string`	—	Currency code
`locale`	`string`	—	BCP 47 locale override
`label`	`string`	—	Report title

instrumentrequired

Type stringDefault —

Traded instrument

siderequired

Type 'buy' | 'sell'Default —

Trade side

executedPricerequired

Type numberDefault —

Execution price

benchmarksrequired

Type TCABenchmark[]Default —

Benchmark comparisons

quantityrequired

Type numberDefault —

Trade quantity

currency

Type stringDefault —

Currency code

locale

Type stringDefault —

BCP 47 locale override

label

Type stringDefault —

Report title

MobileStacks / Scroll

TCA report table activates horizontal scroll on narrow viewports.

Design Rationale

This component was designed to express:

Execution quality analytics with fill rate, VWAP deviation, and venue breakdown

Trade activity log with sortable columns, status badges, and row-level detail

Was this helpful?