Impact header example

Default

How it looks (preview)

This is the title of the impact header

This is the description of the impact header, containing words that form a paragraph of text.

How to call this example

<%= render "flexible_page/flexible_sections/impact_header", {
  title: "This is the title of the impact header",
  description: "This is the description of the impact header, containing words that form a paragraph of text.",
  image: {
    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"
    }
  }
} %>