Impact header example

Govuk variant

How it looks (preview)

This is the title of the impact header

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Image details

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

How to call this example

<%= render "flexible_page/flexible_sections/impact_header", {
  title: "This is the title of the impact header",
  variant: "govuk",
  description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
  image: {
    caption: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
    sources: {
      desktop: "/assets/frontend/flexible-pages/example_desktop_1x.jpg",
      desktop_2x: "/assets/frontend/flexible-pages/example_desktop_2x.jpg",
      mobile: "/assets/frontend/flexible-pages/example_mobile_1x.jpg",
      mobile_2x: "/assets/frontend/flexible-pages/example_mobile_2x.jpg",
      tablet: "/assets/frontend/flexible-pages/example_tablet_1x.jpg",
      tablet_2x: "/assets/frontend/flexible-pages/example_tablet_2x.jpg"
    }
  }
} %>