Heading

aidsgn-heading renders a native heading in light DOM. Its level maps directly to h1 through h6 and defaults to 2. The first three levels use the fluid semantic heading scale.

Build with confidence

<aidsgn-heading level="1">Build with confidence</aidsgn-heading>

Section titleSubsection title

<aidsgn-heading level="2">Section title</aidsgn-heading>
<aidsgn-heading level="3">Subsection title</aidsgn-heading>

Choose the level for the document outline rather than presentation. Usually a page has one h1; follow it with nested h2–h6 levels without skipping structural levels.