Skip to main content
Version: 17+

Header

The Header block is a heading-led content block: a pre-heading, a main heading, body text and buttons. Use it to introduce a section of the page.

Content

PropertyDescription
Pre HeadingSmall text shown above the heading, often used as an eyebrow / category label.
HeadingThe main heading.
TextBody text shown below the heading.
ButtonsAn optional list of buttons (see Button).

Settings

SettingDescription
Heading AlignmentHorizontal alignment of the heading. Options: Left (default), Center, Right.
Text AlignmentHorizontal alignment of the body text. Options: Left (default), Center, Right.

In addition to the above, the Header block uses the shared common settings and the column span chosen in the grid.