Front W - Pattern Library

Section Header 

<div class="section-header" id="section-header">
    <h2 class="h1">
        <span id="h-section-header">Section Header</span>
        <a href="#section-header" class="section-header__anchor" aria-labelledby="h-section-header">#</a>
    </h2>
</div>
 
<div class="section-header" id="{{ id }}">
  <h2 class="h1">
    <span id="h-{{ id }}">{{ title }}</span>
    {% if id %}<a href="#{{ id }}" class="section-header__anchor" aria-labelledby="h-{{ id }}">#</a>{% endif %}
  </h2>
  {% if lead %}
    <p class="lead">{{ lead }}</p>
  {% endif %}
</div>
 
{
  "title": "Section Header",
  "id": "section-header"
}