Inverse header example

Html publication header

The html publication header with a blue background is used on HTML publications and CSV previews. See example of a HTML publication on GOV.UK here, and an example of a CSV preview on GOV.UK here

How it looks (preview)

Notice

LN5 0AT, Jackson Homes (Scopwick) Ltd: environmental permit application

Published 22 April 2016

How to call this example

<%= render "govuk_publishing_components/components/inverse_header", {
  html_publication_header: true
} do %>
  <!-- example content -->
  <%= render "govuk_publishing_components/components/heading", {
    text: "LN5 0AT, Jackson Homes (Scopwick) Ltd: environmental permit application",
    inverse: true,
    context: "Notice",
    padding: true,
    font_size: "xl"
  } %>
  <p class="publication-header__last-changed">Published 22 April 2016</p>
  <!-- end of example content -->
<% end %>