Basic Footer Layout Navigation Others

Section heading (section_heading)

Use section headings help organize your page content into sections.

🔗 External documentation.

ID Label Description Schema
content Content Heading content
heading_level Heading level 
                        type: integer
enum:
    - 2
    - 3
    - 4
    - 5
    - 6

                      
            id: section_heading
label: 'Section heading'
description: 'Use section headings help organize your page content into sections. '
homepage: 'https://protocol.mozilla.org/components/detail/section-heading.html'
slots:
    content:
        id: content
        label: Content
        description: 'Heading content '
props:
    heading_level:
        id: heading_level
        label: 'Heading level'
        schema:
            type: integer
            enum:
                - 2
                - 3
                - 4
                - 5
                - 6
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': section_heading
            content:
                '@template': 'We’re building a <strong>better</strong> Internet'
            heading_level: 2

We’re building a better Internet

<h2 class="mzp-c-section-heading"> We’re building a <strong>better</strong> Internet </h>