Heading
Renders hierarchical titles to communicate the structure and organization of page content. Heading levels adjust automatically based on nesting within parent Section components, ensuring a meaningful and accessible page outline.
Was this section helpful?
Code
<s-heading>Heading (h2)</s-heading>
<s-section>
<s-heading>Heading (h3)</s-heading>
<s-section>
<s-heading>Heading (h4)</s-heading>
</s-section>
</s-section>
Examples
Code
Default
<s-heading>Heading (h2)</s-heading> <s-section> <s-heading>Heading (h3)</s-heading> <s-section> <s-heading>Heading (h4)</s-heading> </s-section> </s-section>
Preview
