ComplianceDashboard
stableComposed compliance monitoring dashboard with checklist, surveillance, and filings
import { ComplianceDashboard } 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 |
checklist | ComplianceChecklistProps | — | Checklist props |
alerts | SurveillanceAlert[] | — | Surveillance alerts |
filings | RegulatoryReportProps[] | — | Filing records |
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
checklistType
ComplianceChecklistPropsDefault —Checklist props
alertsType
SurveillanceAlert[]Default —Surveillance alerts
filingsType
RegulatoryReportProps[]Default —Filing records
sourceType
stringDefault —Data source attribution
localeType
stringDefault —BCP 47 locale override
MobileStacks / Scroll
Dashboard grid collapses to single-column on mobile. Chart widgets activate h-scroll when too narrow.
Design Rationale
This component was designed to express:
Explore Related
ComplianceChecklist→
Regulatory compliance checklist with pass/fail/pending status per item
SurveillanceQueue→
Trade surveillance alert queue with severity, type, and investigation status
RegulatoryReport→
Regulatory filing card with report name, authority, due date, and submission status
ReportHeader→
Formal report header with title, as-of date, period, and classification badge
Was this helpful?