Heading

Renders semantic heading elements (h1-h6) with consistent size mapping and proper ARIA level.

ARIA: aria-levelTypography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
heading.rs
use stratum_leptos::*;

view! {
    <Heading level=HeadingLevel::H1>"Page Title"</Heading>
    <Heading level=HeadingLevel::H2>"Section"</Heading>
    <Heading level=HeadingLevel::H3>"Subsection"</Heading>
}

Installation

stratum add heading

Props

PropTypeDefaultDescription
levelHeadingLevelH2Semantic level: H1, H2, H3, H4, H5, H6
classOption<String>NoneAdditional CSS classes

Source

Styled: heading.rs