Skip to main content

Design system components

RelatedPosts

Related blog posts grid at article footer.

Status: alpha. Group: navigation. Markdown version: /design-system/components/related-posts.md

When to use

Related blog posts grid at article footer.

When not to use

The contract records no forbidden uses.

Look-alikes

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

Props

RelatedPosts props
PropTypeDefaultDescriptionRequired
currentSlugstringnoneCurrent article slug to exclude.Yes
maxPostsnumber3Maximum number of related posts.No
titlestringnoneSection title.No
classNamestringnoneCustom className.No

Variants

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

Invalid combinations

The contract records no invalid combinations.

Keyboard

The contract records no keyboard interaction.

Rules

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

RelatedPosts rules
LevelRuleHow it is checked
MUSTRequired stories produce no axe violations at the configured severity.Not yet verified: no evidence record. WCAG 2.5.8.
MUSTThe 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.
MUSTThe component remains legible and operable under a real browser forced-colors: active pass.Not yet verified: no evidence record.
MUST NOTMaintainers: Do not invent parallel primitives inside this folder.Release review; not machine-checked.
MUST NOTMaintainers: Do not promote to stable without production consumer evidence.Release review; not machine-checked.

Install and import

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