Skip to main content

Row Headers

Version: 0.9.0
Edit

A heading style utilized in row-based layouts to help the user quickly identify a new section of content. The headings are center aligned in the block, with ruled lines on either side of the text in tablet or larger layouts.

Default row header

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/components/row-headers.scss#L11

Related Fields

<!-- default row header -->
<h2 class="c-row-header">
  <span class="c-row-header__title">Related Fields</span>
</h2>

White row header

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/components/row-headers.scss#L74

Related Fields

<!-- white row header -->
<h2 class="c-row-header c-row-header--white">
  <span class="c-row-header__title">Related Fields</span>
</h2>