@assaabloy/gw-group-hero-wide

^{Global web - web components}

Hero Wide

Custom HTML element

<gw-group-hero-wide content="" theme=""></hero-wide>

Properties

Name	Type	Description
content	Object	base64 encoded
theme	String

content

{
  "title": "",
  "eyebrow": {
    "title": "",
    "text": ""
  },
  "tags": [
    {
      "title": "",
      "url": ""
    },
  ],
  "image": {
    "url": "",
    "alt": "",
    "renditions": {
      "blur-up": "",
      "400": "",
      "800": "",
      "1200": "",
      "1600": "",
      "2500": ""
    }
  },
  "config": {
    "padding": {
      "bottom": true
    }
  }
}

theme Two different background options:

• "theme-alt-1" (grey/white)
• "theme-alt-2" (grey/grey)
• "theme-alt-3" (white/grey)
• "theme-alt-4" (white/white)

Dependencies @assaabloy/gw-group-vendor @assaabloy/brand-styles