Component: article header

Styles for a complex header, such as a header with a title, label, and metadata.

Example on mygov.scot: Apply for or renew a disabled parking permit

Code example: CodePen article header example example

Example HTML

<header class="article-header has-icon has-icon--guide">
    <p class="article-header__prefix">Guide</p>
    <h1 class="article-header__title">Apply for or renew a disabled parking permit (Blue Badge)</h1>

    <div class="article-header__meta">
        <small>Last updated: <b>8 November 2016</b></small>
    </div>
</header>