ReportHeader

stable

Formal report header with title, as-of date, period, and classification badge

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

Loading demo…

Props

Prop	Type	Default	Description
`title`req	`string`	—	Report title
`subtitle`	`string`	—	Report subtitle
`asOf`req	`string`	—	As-of date
`period`	`string`	—	Reporting period label
`preparedBy`	`string`	—	Preparer attribution
`classification`	`Classification`	—	Document classification level
`locale`	`string`	—	BCP 47 locale override

titlerequired

Type stringDefault —

Report title

subtitle

Type stringDefault —

Report subtitle

asOfrequired

Type stringDefault —

As-of date

period

Type stringDefault —

Reporting period label

preparedBy

Type stringDefault —

Preparer attribution

classification

Type ClassificationDefault —

Document classification level

locale

Type stringDefault —

BCP 47 locale override

MobileStacks / Scroll

Multi-column header collapses to stacked title/metadata layout on mobile.

Design Rationale

This component was designed to express:

Report footnote with data source attribution, timestamp, and optional disclaimer

Horizontal strip of key performance metrics with trend deltas and loading states

Was this helpful?