Components/blocks/Running Head

Running Head

Open Source
New

Density-aware scholarly running head with title, section, page, and preprint version slots.

API and behavior

Compound exports, owned slots, interaction law, and family hook routing.

Required props
runningTitle
Optional props
sectionpageversionTag
Controlled props
None
Companion exports
RunningHead
Owned data-slot contract
running-headrunning-head-titlerunning-head-sectionrunning-head-pagerunning-head-version

Motif route

MOTIF_REGISTRY.running-head → apparatusTarget('running-head')

Keyboard

Read-only document chrome; no synthetic focus target.

Accessibility

A semantic header exposes only supplied context; no decorative text is invented.

Family hooks

Journal consumes dedicated running-head ink, small caps, mono preprint, and hairline hooks.

Documented states
article headpreprint version headlong title overflow

Installation

npx shadcn@latest add @substrateui/running-head --yes

Upgrading a project that installed base before F1? Refresh the shared hooks first:

npx shadcn@latest add @substrateui/base --yes --overwrite

npm Dependencies

npm install class-variance-authority

Tags

journalrunning-headcontextpage