Section Header

stable

Compact module-level header — sits above data-heavy sections like Standings, Schedule, or Club Directory. Large Barlow Condensed title with optional gold badge and muted subtitle. Dark and light variants.

Dark Variant

Standings

2024–25 Season

Select a conference and age group to view division standings

Light Variant

Schedule

Spring 2025

Upcoming fixtures across all age groups and divisions

tsx

<SectionHeader
  title="Standings"
  badge="2024–25 Season"
  subtitle="Select a conference and age group to view division standings"
  variant="dark"
/>

Props

Prop	Type	Default	Description
`title*`	`string`	—	Section title in Barlow Condensed.
`badge`	`string`	`—`	Optional gold badge to the right of the title.
`subtitle`	`string`	`—`	Muted subtitle line below the title.
`variant`	`"dark" \| "light"`	`"dark"`	Color scheme. Dark = navy fill with cream type; light = cream fill with navy type.