There are no notes for this item.

<header class='c-section-header c-section-header--huge'>

    <p class='c-section-header__supra'><span>Supraheading</span></p>

    <h1 class='c-heading c-heading--huge'>

        Section Heading

    </h1>

    <p class='c-section-header__sub'><span>Subheading</span></p>

</header>
<header class='{{ get_component_class( 'section-header', display ) }}'>
    {% if supraheading %}
        <p class='c-section-header__supra'><span>{{ supraheading }}</span></p>
    {% endif %}

    {% include '@unit/heading/heading.twig' with heading %}
    
    {% if subheading %}
        <p class='c-section-header__sub'><span>{{ subheading }}</span></p>
    {% endif %}
</header>
{
  "heading": {
    "text": "Section Heading"
  },
  "display": {
    "modifiers": [
      "huge"
    ]
  },
  "supraheading": "Supraheading",
  "subheading": "Subheading"
}