Global web - web components

Banner

Custom HTML element

<gw-group-banner content="" theme=""></gw-group-banner>

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

content

{
  "title": "Download from here",
  "text": "<p>It's an amazing BIM object! You totally need this! Now.</p>",
  "eyebrow": "For architects",
  "link": {
    "text": "Download",
    "url": "/#",
    "type": "",
    "visible": true
  },
  "image": {
    "url": "https://res.cloudinary.com/motherload/image/upload/v1606117778/Assa/man_xzjnzw.png",
    "alt": "",
    "renditions": {
      "blur-up": "https://dummyimage.com/40x20/",
      "400": "https://dummyimage.com/400x200/",
      "800": "https://dummyimage.com/800x400/",
      "1200": "https://dummyimage.com/1200x600/",
      "1600": "https://dummyimage.com/1600x800/",
      "2500": "https://dummyimage.com/2500x1250/"
    }
  },
  "config": {
    "padding": {
      "top": false,
      "bottom": false
    },
    "gradients": {
      "visible": true,
      "alternative": "gradients-alt-1" | "gradients-alt-2" | "gradients-alt-3" | "gradients-alt-4"
    }
  }
}

theme Background and banner options:

• "theme-alt-1"
• "theme-alt-2"
• "theme-alt-3"
• "theme-alt-4"
• "theme-alt-5"
• "theme-alt-6"
• "theme-alt-7"
• "theme-alt-8"

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