SectionHeader
SectionHeader — Prism component.
Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggleWhen to use
SectionHeader — Prism component.
Accessibility
Heading levels are semantic (h1/h2…) so the page outline is correct for assistive tech.
Import
const { SectionHeader } = window.PrismDesignSystem_39d121;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
eyebrow | React.ReactNode | — | |
title | React.ReactNode | Yes | |
description | React.ReactNode | — | |
actions | React.ReactNode | — | |
size | "sm" | "md" | "lg" | — | |
rule | boolean | — | Bottom rule under the header. |
as | keyof React.JSX.IntrinsicElements | — | Heading tag for the title. Default "h2". |