Heading

Heading — Prism component.

Signature

Density

Viewport

Theme follows the navbar ☀/☾ toggle

Live demo

Open ↗

When to use

Heading — Prism component.

Accessibility

Use semantic elements (as/level) so structure—not just size—conveys hierarchy. Respect the reader’s line-length and contrast settings.

Import

const { Heading } = window.PrismDesignSystem_39d121;

Props

Prop	Type	Required	Description
level	1 | 2 | 3 | 4 | 5 | 6	—	Semantic level — sets the rendered tag h1–h6 (keep the document outline correct).
size	"hero" | "display" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6"	—	Visual scale override. Defaults to h{level}. hero/display are oversized.
children	React.ReactNode	—
className	string	—