Heading example

With context inverted

How it looks (preview)

Publication

My page title

How to call this example

<%= render "govuk_publishing_components/components/heading", {
  context: "Publication",
  text: "My page title",
  font_size: "xl",
  inverse: true
} %>