i

Page header

Navigating · researched

The area at the top of a page holding its title, breadcrumbs, actions and local tabs.

organism · Carbon: PageHeader · contains breadcrumb, heading, button-group, tabs

Each block is the real component from that system’s own package, in an isolated frame. They are live: hover, focus and press them. Frames are drawn on white so systems compare on one ground, and a font a system licenses only for its own site (GOV.UK’s Transport) falls back to what the system itself specifies.

Ant Design

absentAnt Design does not ship this component. Nothing is drawn in its place.

Checked: components directory listing (GitHub API), installed antd/es, docs overview group list. No PageHeader or similar; Layout.Header is only a bar region and Breadcrumb/Tabs are separate.

Carbon

PageHeader native: no @carbon/react 1.117.0
Variants
—
Sizes
—
States documented
—
Accessibility guidance
no

Experimental: the new PageHeader family (breadcrumb bar, content, tab bar) is commented out of react index.ts pending v12; @carbon/react 1.117.0 exports only the older PageHeaderDeprecated as preview__PageHeader and unstable__PageHeader. Div-based. No docs-site page.

· code ↗

GOV.UK

absentGOV.UK does not ship this component. Nothing is drawn in its place.

Checked: component index (https://design-system.service.gov.uk/components/ , 37 components), patterns index, styles index, repo tree src/govuk/components and objects, and installed govuk-frontend 6.5.1 components directory. No page-header component. Closest are Header and Service navigation (site-level) and the Breadcrumbs, Back link and heading styles used by teams at the top of a page.

Material Web

absentMaterial Web does not ship this component. Nothing is drawn in its place.

Checked docs/components (20 component pages), the repo top-level dirs, labs/, labs/gb/components and the installed 2.5.0 package. No title/breadcrumb/actions region. Closest is the unpublished GB app bar (see header), which has no breadcrumb or tabs.

Primer

PageHeader native: no @primer/react 38.40.1
Variants
—
Sizes
—
States documented
—
Accessibility guidance
yes

Primer React. div-based with ContextArea, TitleArea, Title, Actions, Navigation and Description slots; status ready. Pagehead (src/Pagehead, deprecated, no docs page) is the older equivalent.

docs ↗ · code ↗

Spectrum

absentSpectrum does not ship this component. Nothing is drawn in its place.

Checked the sitemap.xml and query-index.json component list, S2 exports, SWC 1st-gen/gen2 trees and spectrum-css components for a page title area with breadcrumbs and actions: none. spectrum-css 'page' (9.2.0) is a page layout, not a header; S2 Header is a container region slot. Index also lists none.

USWDS

absentUSWDS does not ship this component. Nothing is drawn in its place.

Checked the docs component index and status page and the develop packages/ tree (88 entries, matching installed 3.14.0): no page-header component; titles, breadcrumbs and local navigation are separate components. The Documentation page template composes them but is a template.

Platform facts

Native elementheaderSpec header: introductory or navigational aids, 'intended to usually contain a heading'. MDN: inside sectioning content or main it is generic, not a banner landmark. Breadcrumb: nav with ordered list, current page aria-current (APG).
Baseline—
APG patternbreadcrumb
ARIA role—
Shipped by2 of 7 systems

Anatomy

  1. heading optional — Spec header: 'intended to usually contain a heading (an h1-h6 element or an hgroup element), but this is not required'.
  2. breadcrumbs optional — APG Breadcrumb: a list of links to the parent pages in hierarchical order, in a navigation landmark region.

The seven states

default Static container.
hover n/a — Not interactive.
focus n/a — Not focusable; its controls are.
active n/a — Not interactive.
disabled n/a — Not defined by APG or HTML.
error n/a — Not defined by APG or HTML.
loading n/a — Not defined by APG or HTML.

Every cell was read twice, the second time from raw sources by a separate pass. 0 of 35 fields changed on the second read.