Global web - web components

Hero Text

Custom HTML element

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

Properties | Name | Type | Description | | ------------- | --------- | ----------------------------- | | content | Object | base64 encoded | | theme | String | |

content

{
  "title": "",
  "text": "",
  "tags": [
    {
      "title": "",
      "url": ""
    },
  ],
  "eyebrow": {
    "title": "",
    "text": ""
  },
  "link": {
    "text": "",
    "url": "",
    "type": "",
    "visible": true
  },
  "buttonList": [
    {
      "text": "",
      "url": "",
      "target": ""
    },
  ],
  "search": {
    "addSearch": {
      "id": ""
    },
    "targetUrl": "",
    "pathFilter": "",
    "isMarketHiddenInUrl": false,
    "isLanguageHiddenInUrl": false

    "sitewide": "site wide",
    "viewAll": "View all",
    "search": "How can we help you?"
  },
  "guidedSuggestions": {
    "title": "",
    "links": [
      {
        "text": "Read more",
        "url": "/#",
        "visible": true
      }
    ],
  },
  "searchSuggestions": { // NEW
    "title": "Search suggestions:",
    "suggestions": ["Forza", "AIK"]
  },
  "config": {
    "variant": "buttonList" | "default" | "twoColumns" | "search",
    "padding": {
      "bottom": true
    }
  }
}

theme Two different background options:

• "theme-alt-1" (main)
• "theme-alt-2" (alternative)

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