PageHeader

PageHeader

Documentation

Visible page-level heading presentation. Without hero, PageHeader renders a conventional heading aligned to the standard contained page grid. Supplying hero selects the explicit hero breakout: media may extend full bleed while the heading panel remains independently constrained by the active theme.

Kind

Layout

Required fields

title

Style Guide

Used by

Properties

hero

Optional hero media that selects the full-bleed PageHeader presentation.

subtitle

string

Optional supporting text displayed with the page heading.

*

title

string

Visible page heading.

Example

Required

{ "title": "Birding in Utah" }

Full

{ "hero": { "alt": "Birds above a Utah wetland", "aspectRatio": "example", "badge": "example", "caption": { "credit": "example", "subtitle": "example", "title": "Example" }, "centerOffset": { "x": 0, "y": 0 }, "class": "example", "fetchPriority": "high", "lightbox": false, "link": { "href": "/example", "newTab": false, "nofollow": false, "sponsored": false }, "loading": "lazy", "maxWidth": 0, "src": "/images/utah-birds.jpg", "width": 0 }, "subtitle": "Field notes and practical guides", "title": "Birding in Utah" }

examples are generated from the schema.