ProjectDetailLayout

Case study detail layout shell.

When to use

Case study detail layout shell.

The contract records no forbidden uses.

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

ProjectDetailLayout props
Prop	Type	Default	Description	Required
`nav`	`ReactNode`	none	Navigation slot (top)	No
`hero`	`ReactNode`	none	Hero section slot.	Yes
`children`	`ReactNode`	none	Main content sections.	Yes
`cta`	`ReactNode \| null`	none	Call-to-action section slot (between content and related projects). Renders WorkCTA by default. Pass null to suppress.	No
`relatedProjects`	`ReactNode`	none	Related projects section slot.	No
`showScrollProgress`	`boolean`	`true`	Show scroll progress indicator.	No
`className`	`string`	none	Custom className.	No
`donnyTarget`	`string`	none	Donny site action target id for the project article.	No
`lang`	`string`	`en`	Language of the case-study content.	No

No variant dimensions and no props with a fixed set of values.

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.

ProjectDetailLayout 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. ProjectDetailLayout is not exported from @digitaltableteur/react, so there is no public import path.
Alpha components are internal and never exported.