Studiov0.6.0

SectionHeader

Tier 1 — shadcn
Page Structure

A sub-section title within a page, smaller than PageHeader.

Live Preview

Five Capitals Score

Measured across Natural, Human, Social, Built, and Financial dimensions.

Code

import { SectionHeader } from "@regen/ui";

<SectionHeader />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Card section titles
  • •Form group labels
  • •Dashboard panel headers

Do

  • ✓Use below PageHeader for sub-sections
  • ✓Keep text shorter than PageHeader

Don't

  • ✗Don't use as the page-level header — use PageHeader
  • ✗Don't add actions to SectionHeader — use adjacent buttons