v5 · block

SectionHeader

The opening of a content section — a heading, an optional supporting line, and an optional path forward. The smallest composite block in the system.

Canonical render

align="start", with heading + description + cta.

Hire faster with Indeed

Reach quality candidates, evaluate fit quickly, and bring the right people on board with a hiring platform that scales with you.

See all features

Alignment

align drives text alignment and the CTA's self-alignment.

align="start"

Hire faster with Indeed

Reach quality candidates, evaluate fit quickly, and bring the right people on board with a hiring platform that scales with you.

See all features
align="center"

Hire faster with Indeed

Reach quality candidates, evaluate fit quickly, and bring the right people on board with a hiring platform that scales with you.

See all features

Pieces

Heading-only is fine. Description and CTA each drop independently.

heading only

Hire faster with Indeed

heading + description

Hire faster with Indeed

Reach quality candidates, evaluate fit quickly, and bring the right people on board with a hiring platform that scales with you.

heading + cta

Hire faster with Indeed

See all features

When to use

  • To open a section of content with a clear title and one supporting line.
  • When a section needs a hand-off to a fuller view via a single inline CTA.

When not to use

  • As a page hero. Use a Hero block instead.
  • For multi-CTA moments. Use MediaCTA or a card group.

v4 → v5 diff

  • Flattened: compound API (Root + Heading + Description + Link) → one props interface.
  • Retired: background_color (page composes outer section).
  • Retired: heading-underline indent. v5 has no underline; description sits flush with heading start.
  • Inherited from page: palette. The CTA reads --color-accent; sections that want a hue rebind it on themselves.