Copy environment

Hero

Add title property to display a header. Optional property titleColorClass or textColorClass can be used to specify the color of title or text, where valid class names are described in typography component. Add image property to display a static single image.

Overlay

Apply an overlay layer on top the background using overlay property. Define the color and opacity attributes inside the overlay object. Valid color values are described in typography component. The opacity attribute range is 0..1, where 0 is completely transparent, and 1 is a solid color. By default the opacity is 1.

Preview

Error rendering component

TypeError: Cannot read property 'indexOf' of undefined

<!-- Error rendering component: TypeError: Cannot read property 'indexOf' of undefined -->
 
{
  "language": "en-US",
  "data": {
    "element": "h1",
    "component": "hero",
    "title": "Eesti oma <br /> suurtööstus",
    "titleColorClass": "color-white",
    "overlay": {
      "color": "color-green",
      "opacity": ".5"
    }
  }
}