Skip to main content

Foundations

Section

Create titled content sections with a stable heading contract. The building blocks of a well-structured document.

Curated demo

Overview

Section wraps titled content blocks with a stable heading contract.

Reference

Create titled content sections with a stable heading contract. The building blocks of a well-structured document.

  • Always pass a stable headingId so other navigation can target it.
  • Prefer multiple documentation sections over one long undifferentiated content block. Break up that wall of text!

Example snippet

<Section title="Overview" headingId="overview-heading"><p>...</p></Section>