Wiki Article Header

Top-of-article surface: slug breadcrumb, H1 title (from frontmatter), quality badge, and byline (last edited + editor + history link). Maps Wikipedia article-header muscle-memory using IBM Plex Sans at 2.25rem h1.

Live previewrendered from recipe via {tokens} resolution
standard

{{quality-grade-label}}
Last edited {{editor-display-name}} View history

Breadcrumb + title row (H1 + badge) + byline.

with-lead-image

{{quality-grade-label}}
Last edited {{editor-display-name}} View history

Standard + right-floated <figure>.

with-infobox

{{quality-grade-label}}
Last edited {{editor-display-name}} View history

Standard + right-floated <aside class="ps-wiki-infobox">.

ungraded

{{quality-grade-label}}
Last edited {{editor-display-name}} View history

Badge omitted; title row is H1 only.

ARIA notes

Breadcrumb <nav aria-label='Article location'> with <ol>. Quality badge <span aria-label='Article quality: {{grade-label}}'>. aria-current='page' on last breadcrumb item. <time datetime> for machine-readable date.

The usage tab for this component is not yet authored. Creative Design Contributors — pick this up.

Recipe is at /api/components/wiki-article-header.json.