!ASSA ABLOY
^{Global web - web components}

Banner

Custom HTML element
``html

`

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

content
`js
{
"title": "Download from here",
"text": "

It's an amazing BIM object! You totally need this! Now.

",
"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`