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 -->
<h1 class="h1">
    Heading

    <span class="sds-headingLight">Heading subtext</span>

</h1>


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

    <span class="sds-headingLight">Heading subtext</span>

</h2>


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

    <span class="sds-headingLight">Heading subtext</span>

</h3>


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

    <span class="sds-headingLight">Heading subtext</span>

</h4>


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

    <span class="sds-headingLight">Heading subtext</span>

</h5>


<{{ 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 }}
	{% if subText %}
	<span class="{{ namespace }}headingLight">{{ subText | safe }}</span>
	{% endif %}
</{{ eltType }}{% if eltType === "h" %}{{ headingLvl }}{% endif %}>