Heading example

With context

Context is applied sometimes where the heading is used as a page title H1. Note that the text size of the context is larger than the default size of the heading, so a larger font_size should be applied as shown.

How it looks (preview)

Food opinion

I like toast

How to call this example

<%= render "govuk_publishing_components/components/heading", {
  text: "I like toast",
  context: "Food opinion",
  font_size: "xl"
} %>