Custom HTML element
<gw-group-cards-slider content="" theme=""></gw-group-cards-slider>Properties
| Name | Type | Description |
|---|---|---|
| content | String | base64 encoded object |
| theme | String |
content
{
"url": "",
"title": "",
"text": "",
"cardsTotalCount": 0,
"primaryCard": {
"title": "",
"link": {
"text": "",
"url": "",
},
},
"noCardMessage": "",
"cards": [
{
"title": "",
"text": "",
"type": "default" | "primary" | "feature" | "product" | "category" | "story"
"image": {
"url": "",
"width": 0,
"height": 0,
"renditions": {
"blur-up": "",
"400": "",
"800": "",
"1200": "",
"1600": "",
"2500": ""
},
"smartCrops": {
"1-1-S": "",
"1-1-M": "",
"1-1-L": "",
"4-3-S": "",
"4-3-M": "",
"4-3-L": "",
"3-4-S": "",
"3-4-M": "",
"3-4-L": "",
"8-3-S": "",
"8-3-M": "",
"8-3-L": "",
"16-9-S": "",
"16-9-M": "",
"16-9-L": "",
"blur-up": ""
}
},
"mediaType": "video" | "image" | "dynamicMediaVideo",
"dynamicMediaVideo": {
"serverurl": "",
"videoserverurl": "",
"contentUrl": "",
"asset": "",
"poster": {
"width": 1600,
"height": 900,
"url": "",
"alt": "",
"renditions": {},
"smartCrops": {}
}
},
"video": {
"title": "",
"src": ""
},
"link": {
"text": "",
"url": ""
}
},
],
"config": {
"aspectRatio": "1-1" | "4-3" | "3-4" | "8-3" | "16-9",
"cardSize": "small" | "large",
"cardType": "default" | "primary" | "feature" | "product" | "story"
"cardCountLimit": 0,
"padding": {
"top": true,
"bottom": true
}
}
}theme Two different background options:
- "theme-alt-1" (white)
- "theme-alt-2" (grey)
Dependencies
@assaabloy/gw-group-vendor
@assaabloy/brand-styles