Heading

No notes defined.

<!-- H 1 -->
<h1 class="h1">
    Heading
</h1>


<!-- H 2 -->
<h2 class="h2">
    Heading
</h2>


<!-- H 3 -->
<h3 class="h3">
    Heading
</h3>


<!-- H 4 -->
<h4 class="h4">
    Heading
</h4>


<!-- H 5 -->
<h5 class="h5">
    Heading
</h5>


<!-- H 1 Subtext -->
<div>

    <h1 class="h1">
        Heading
    </h1>

    <p class="h1 sds-headingLight">Heading subtext</p>

</div>


<!-- H 2 Subtext -->
<div>

    <h2 class="h2">
        Heading
    </h2>

    <p class="h2 sds-headingLight">Heading subtext</p>

</div>


<!-- H 3 Subtext -->
<div>

    <h3 class="h3">
        Heading
    </h3>

    <p class="h3 sds-headingLight">Heading subtext</p>

</div>


<!-- H 4 Subtext -->
<div>

    <h4 class="h4">
        Heading
    </h4>

    <p class="h4 sds-headingLight">Heading subtext</p>

</div>


<!-- H 5 Subtext -->
<div>

    <h5 class="h5">
        Heading
    </h5>

    <p class="h5 sds-headingLight">Heading subtext</p>

</div>


{% if subText %}
<div>
{% endif %}
	<{{ eltType }}{% if eltType === "h" %}{{ headingLvl }}{% endif %} class="h{{ headingLvlClass or headingLvl }}{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}">
		{{ text | safe }}
	</{{ eltType }}{% if eltType === "h" %}{{ headingLvl }}{% endif %}>
	{% if subText %}
		<p class="{% if headingLvl %}h{{ headingLvl }} {% endif %}{{ namespace }}headingLight">{{ subText | safe }}</p>
	{% endif %}
{% if subText %}
</div>
{% endif %}