Layout
Section header
Contains the section title. You can add an optional label or subtitle. The font sizes are automatically set. You can change them using the theme customisation.
Elements
The component is always a child of the section component. It is composed of multiple elements:
section__headerthe wrappersection__labelsection__titlesection__subtitle
<div class="section">
<div class="section__container">
<div class="section__header">
<p class="section__label">Section label</p>
<h1 class="section__title">Section title</h1>
<p class="section__subtitle">Optional section subtitle</p>
</div>
</div>
</div>Section label
Section title
Optional section subtitle
Properties
Add classes to the wrapper class to change the style of the component.
Dense
Makes the section header smaller (for a subsection header of the page)
class="section__header"
Default
Section label
Section title
Optional section subtitle
class="section__header section__header--dense"
Section label
Section title
Optional section subtitle