Page banner

The top of a product’s home or dashboard: a greeting, the product’s tile, and its own motif drawn faintly behind.

When to use it

Once per product home or dashboard, and nowhere else: never on a list, a form or a record, where it would turn back into noise. It is not a second page title; PageHeader still names the page in the bar. In the FactoSuite apps pass it to ScreenFrame’s banner prop (it replaces the description row; keep the description’s words) and build the title from useGreetingLine() and useViewer() in @elevateiq/module-kit/viewer. The aside carries an as-of date, a period or one primary action. The motif fades out towards the left so it only ever sits behind empty space.

Same furniture, different product

Inventory and Shipping, identical markup apart from module: hue, glyph and motif change, nothing else.

Good afternoon, Rajesh

Stock, sales and production at a glance, across 2 warehouses of Shakti Precision.

As of 1 Oct 2026

Good afternoon, Rajesh

Export shipments from Pune through Nhava Sheva, and what is on the water.

As of 1 Oct 2026

With a row inside the band

children sit under the title: quick links or tabs, never a second set of KPIs.

Good morning, Ananya

142 people at Shakti Precision, as of today.

Holidays Leave calendar Employee tree

Options

Everything you can pass to Page banner.

Prop	Type	Default	What it does
module	ModuleId	—	Whose hue and motif. The banner sets its own data-module.
title	ReactNode	—	Who it is for: “Good afternoon, Rajesh”.
description	ReactNode	—	One sentence of where you are. Takes over the ScreenFrame description.
aside	ReactNode	—	As-of date, a period, or one primary action.
icon / tone	IconName / Tone	product glyph / 'module'	The large tile beside the title.
children	ReactNode	—	A row inside the band: quick links, tabs.