{%- extends "theming/base_component.html" -%}

{%- block overview -%}

    <p>
        The <code>heading</code> component creates page and section headings that establish
        document structure and visual hierarchy. Headings are fundamental for
        accessibility and SEO, providing semantic structure that helps both users and
        search engines understand the organization and importance of content.

    </p>

    <p>
        Heading components support different levels (typically h1 through h6) to create
        proper document structure and visual hierarchy. The component ensures
        consistent styling and appropriate semantic markup while maintaining the
        flexibility to adapt to different content requirements and design contexts.
    </p>
{%- endblock %}