Sub Header

Provide a layout for controlling headings with links, lead, or call to actions.

Title and lead

A component for managing sub headers within a section.

Sub Header

The opening sentence or paragraph of a news article, summarizing the most important aspects of the story.

Title, Lead and Link

Place a link next to the sub header, designed to be unobtrusive compared to our .c-btn counterpart.

Sub Header

Sub Header Link

The opening sentence or paragraph of a news article, summarizing the most important aspects of the story.

Title, Lead and Actions

Place up to 2 call to actions on the right side of the description. Any more than that, and you should probably use a dropdown to contain further links.

Sub Header

Sub Header Link

The opening sentence or paragraph of a news article, summarizing the most important aspects of the story.

Button 1 Button 2 Button 3

Header and Button Group

Place a button group to the right of the title and description. The button group width is dependant on the number of buttons and button content, unless fixed widths are used.

Sub Header

The opening sentence or paragraph of a news article, summarizing the most important aspects of the story.

Button 1 Button 2 Button 3

Align Centre

Centre and provide a max width for a view that is easy to digest. Note this option currently cannot be used with actions.

Sub Header

The opening sentence or paragraph of a news article, summarizing the most important aspects of the story.

Primary Theme

A styled theme for landing page sub-headers.

Sub Header

The opening sentence or paragraph of a news article, summarizing the most important aspects of the story.