Section Title
The section title component is used to denote a new section and can be used within multiple components.
Section Title component
This Is a Subtitle
Lorem Ipsum Dolor Ame Mauris Magna Elit, Moestie at Temport.
.section-title--flush
Modifier that provides a margin-less, padding-less container.
Section Title component
This Is a Subtitle
Lorem Ipsum Dolor Ame Mauris Magna Elit, Moestie at Temport.
.section-title--alt1
Alternate display 1
Section Title component
.section-title--alt2
Alternate display 2
Section Title component
.section-title--alt3
Alternate display 3
Section Title component
{{ attach_library('h4h_theme/section-title') }}
{# Default to h2 (heading level 2) if no heading level is supplied. #}
{% set heading_level = heading_level|default(2) %}
<div class="section-title {{ modifier_class }}">
<h{{ heading_level }} class="section-title__heading">{{ title }}</h{{ heading_level }}>
{% if modifier_class != "section-title--alt1" and modifier_class != "section-title--alt2" and modifier_class != "section-title--alt3" %}
{% if subtitle %}
<h{{ heading_level + 1 }} class="section-title__sub">{{ subtitle }}</h{{ heading_level + 1 }}>
{% endif %}
{% if desc %}
<p class="section-title__desc">{{ desc }}</p>
{% endif %}
{% endif %}
</div>