Coach Stories
Section intro
A section's title in 73 Bold Extended and one line under it.
components/coach/blocks/section-intro.tsx
Preview
Live, on the prototype's content. Switch to mobile to see it at 390px.
1440pxOpen
Usage
import { SectionIntro } from "@/components/coach/blocks/section-intro";
<SectionIntro as="h1" title="Explore the world of Coach" description="…" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title* | string | — | Short: it wraps to two lines on mobile at most. |
| description | string | — | One line in Helvetica 12px. |
| as | "h1" | "h2" | "h2" | h1 when the intro heads the page. |
| className | string | — | Merged last. For spacing around the block, not for restyling it. |