PageHeader

PageHeader — Prism component.

Signature

Density

Viewport

Theme follows the navbar ☀/☾ toggle

Live demo

Open ↗

When to use

PageHeader — Prism component.

Accessibility

Heading levels are semantic (h1/h2…) so the page outline is correct for assistive tech.

Import

const { PageHeader } = window.PrismDesignSystem_39d121;

Props

Prop	Type	Required	Description
breadcrumbs	React.ReactNode	—
lead	React.ReactNode	—	Leading icon / avatar beside the title block.
title	React.ReactNode	Yes
status	React.ReactNode	—	Inline node next to the title (e.g. a status Badge).
subtitle	React.ReactNode	—
meta	React.ReactNode | React.ReactNode[]	—	A node, or an array of meta items rendered as a wrapping row.
actions	React.ReactNode	—
tabs	React.ReactNode	—	Tabs strip rendered below, separated by a rule.
divider	boolean	—	Add a bottom divider under the whole header.