SectionTitle

The shared section title: a pixel mark that opens at the middle of the viewport, then the heading, left-aligned at one type size per breakpoint.

Status: alpha. Group: marketing. Markdown version: /design-system/components/section-title.md

When to use

The shared section title: a pixel mark that opens at the middle of the viewport, then the heading, left-aligned at one type size per breakpoint.

The contract records no forbidden uses.

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

SectionTitle props
Prop	Type	Default	Description	Required
`children`	`ReactNode`	none	The title text.	Yes
`id`	`string`	none	Id on the heading, for aria-labelledby on its section.	No
`level`	`"2" \| "3"`	`2`	Heading level.	No
`mark`	`boolean`	`true`	The pixel mark before the title. Turn it off over artwork, where the dots would not read.	No
`className`	`string`	none	Classes on the row holding the mark and the title.	No
`titleClassName`	`string`	none	Classes on the heading itself.	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.

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