Impact header example

Notable death variant

How it looks (preview)

Notable death variant

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 "components/impact_header", {
  heading: "Notable death variant",
  variant: "notable-death",
  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"
    }
  }
} %>