TreasuryDashboard
stableComposed treasury overview dashboard with positions, FX rates, forecasts, and alerts
import { TreasuryDashboard } from "@nodus/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | — | Dashboard title |
asOfreq | string | — | As-of date |
metrics | SummaryMetric[] | — | Summary metrics |
rates | FXRate[] | — | FX rate data |
cashPools | CashPoolCardProps[] | — | Cash pool data |
alerts | ThresholdAlertProps[] | — | Threshold alerts |
source | string | — | Data source attribution |
locale | string | — | BCP 47 locale override |
titleType
stringDefault —Dashboard title
asOfrequiredType
stringDefault —As-of date
metricsType
SummaryMetric[]Default —Summary metrics
ratesType
FXRate[]Default —FX rate data
cashPoolsType
CashPoolCardProps[]Default —Cash pool data
alertsType
ThresholdAlertProps[]Default —Threshold alerts
sourceType
stringDefault —Data source attribution
localeType
stringDefault —BCP 47 locale override
MobileStacks / Scroll
Dashboard grid collapses to single-column on mobile. Chart and table panels activate h-scroll.
Design Rationale
This component was designed to express:
Explore Related
CashPoolCard→
Cash pool summary card with account balances and pool total
FXRateGrid→
Responsive grid layout for FX rate cards
SummaryMetrics→
Horizontal strip of key performance metrics with trend deltas and loading states
ReportHeader→
Formal report header with title, as-of date, period, and classification badge
Was this helpful?