Inverse header example

Html publication header with subtext

The white subtext can be used with the html publication header variant. We don’t currently support black subtext to be used with the default variant as it’s not in use on GOV.UK. If you need this please add it as a variant to the component.

How it looks (preview)

Education, Training and Skills

This is some text

How to call this example

<%= render "govuk_publishing_components/components/inverse_header", {
  subtext: "This is some text",
  html_publication_header: true
} do %>
  <!-- example content -->
  <%= render "govuk_publishing_components/components/heading", {
    text: "Education, Training and Skills",
    inverse: true,
    margin_bottom: 0
  } %>
  <!-- end of example content -->
<% end %>