<h2 class="styleguide-title">Headings</h2>
<div class="preview-inner-container">
    <h1>Heading 1</h1>
    <h1><a href="#">Heading 1 with a link</a></h1>
    <h2>Heading 2</h2>
    <h2><a href="#">Heading 2 with a link</a></h2>
    <h3>Heading 3</h3>
    <h3><a href="#">Heading 3 with a link</a></h3>
    <h4>Heading 4</h4>
    <h4><a href="#">Heading 4 with a link</a></h4>
    <h5>Heading 5</h5>
    <h5><a href="#">Heading 5 with a link</a></h5>
    <h6>Heading 6</h6>
    <h6><a href="#">Heading 6 with a link</a></h6>
</div>
<h2 class="styleguide-title">Headings</h2>
<div class="preview-inner-container">
  {% include '@h1' with { 'h1_text': 'Heading 1' } %}
  {% include '@h1' with { 'h1_text': '<a href="#">Heading 1 with a link</a>' } %}
  {% include '@h2' with { 'h2_text': 'Heading 2' } %}
  {% include '@h2' with { 'h2_text': '<a href="#">Heading 2 with a link</a>' } %}
  {% include '@h3' with { 'h3_text': 'Heading 3' } %}
  {% include '@h3' with { 'h3_text': '<a href="#">Heading 3 with a link</a>' } %}
  {% include '@h4' with { 'h4_text': 'Heading 4' } %}
  {% include '@h4' with { 'h4_text': '<a href="#">Heading 4 with a link</a>' } %}
  {% include '@h5' with { 'h5_text': 'Heading 5' } %}
  {% include '@h5' with { 'h5_text': '<a href="#">Heading 5 with a link</a>' } %}
  {% include '@h6' with { 'h6_text': 'Heading 6' } %}
  {% include '@h6' with { 'h6_text': '<a href="#">Heading 6 with a link</a>' } %}
</div>
/* No context defined for this component. */

There are no notes for this item.