Inverse header example

Default

How it looks (preview)

Education, Training and Skills

How to call this example

<%= render "govuk_publishing_components/components/inverse_header", {} do %>
  <!-- example content -->
  <%= render "govuk_publishing_components/components/heading", {
    text: "Education, Training and Skills",
    font_size: "xl",
    inverse: true,
    padding: true,
  } %>
  <!-- end of example content -->
<% end %>