^{Global web - web components}

Featured Content

Custom HTML element

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

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

content

{
  "title": "",
  "text": "",
  "config": {
    "reversed": false,
    "overlap": {
      "position": "top" | "bottom" | "none",
      "color": "white"
    },
    "quoteTitle": true,
    "layout": "small" | "large",
    "gradients": {
      "visible": true,
      "alternative": "gradients-alt-1" | "gradients-alt-2" | "gradients-alt-3" | "gradients-alt-4"
    }
  },
  "link": {
    "text": "Read more",
    "url": "/#",
    "type": "",
    "visible": true
  },
  "image": {
    "url": "https://res.cloudinary.com/motherload/image/upload/v1606117778/Assa/man_xzjnzw.png",
    "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/"
    }
    "tag": {
      "title": "Title",
      "text": "Label text",
      "url": "/#",
      "position": "bottomRight",
      "visible": true
    }
  }
}

theme Two different background options:

• "theme-alt-1" (white)
• "theme-alt-2" (grey)

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