@assaabloy/gw-group-contacts

^{Global web - web components}

Contacts

Custom HTML element

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

Properties

Name	Type	Description
content	Object	base64 encoded
theme	String

content

{
  "title": "Would you like to know more, please contact us",
  "contacts": [
    {
      "image": {
        "alt": "alt",
        "url": "https://dummyimage.com/40x40/0cf",
        "renditions": {
          "blur-up": "https://dummyimage.com/40x40/",
          "400": "https://dummyimage.com/400x400/",
          "800": "https://dummyimage.com/800x800/",
          "1200": "https://dummyimage.com/1200x1200/",
          "1600": "https://dummyimage.com/1600x1600/",
          "2500": "https://dummyimage.com/2500x2500/"
        }
      },
      "name": "Daniel Olsson",
      "description": "Corporate Communications",
      "emailLabel": "E-mail",
      "email": "[e-mail]",
      "phone": "[phone]"
    }
  ],
  "config": {
    "padding": {
      "top": true,
      "bottom": true
    },
    "layout": "basic | enhanced"
  }
}

theme Two different background options:

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

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