ArticleHero

Blog article hero with title, meta, and cover.

Status: alpha. Group: content. Markdown version: /design-system/components/article-hero.md

When to use

Blog article hero with title, meta, and cover.

The contract records no forbidden uses.

The contract names no look-alike with a deciding condition.

ArticleHero props
Prop	Type	Default	Description	Required
`title`	`string`	none	Article title.	Yes
`image`	`{ src: string; alt: string; caption?: string; }`	none	Featured image.	No
`author`	`{ name: string; slug?: string; imageUrl?: string; }`	none	Author information.	No
`publishedAt`	`string`	none	Publication date (ISO string)	No
`readTime`	`string`	none	Read time (e.g., "5 min read")	No
`tags`	`string[]`	none	Article tags.	No
`variant`	`"contained" \| "minimal" \| "full-width"`	`contained`	Layout variant.	No
`className`	`string`	none	Custom className.	No

The contract records no invalid combinations.

The contract records no keyboard interaction.

Every item under When not to use is a MUST NOT. MUST and SHOULD follow RFC 2119.

ArticleHero rules
Level	Rule	How it is checked
MUST	Required stories produce no axe violations at the configured severity.	Not yet verified: no evidence record. WCAG 2.5.8.
MUST	The accessibility tree (role, name, state) matches the committed snapshot for every required story.	Not yet verified: no evidence record. WCAG 1.3.1, 4.1.2.
MUST	The component remains legible and operable under a real browser forced-colors: active pass.	Not yet verified: no evidence record.
MUST NOT	Maintainers: Do not invent parallel primitives inside this folder.	Release review; not machine-checked.
MUST NOT	Maintainers: Do not promote to stable without production consumer evidence.	Release review; not machine-checked.

In-repo only. ArticleHero is not exported from @digitaltableteur/react, so there is no public import path.
Alpha components are internal and never exported.