@assaabloy/wc-footer

Web component - Footer

Usage no npm install needed!

<script type="module">
  import assaabloyWcFooter from 'https://cdn.skypack.dev/@assaabloy/wc-footer';
</script>

README

ASSA ABLOY Global web - web components

Footer

Custom HTML element

<gw-group-footer footerData="" />

Properties

Name Type Description
footerData String base64 encoded

footerData

{
  "socialMediaItems": [
    {
      "url": "https://www.facebook.com",
      "icon": "facebook.svg",
      "iconAlt": "Facebook"
    },
    {
      "url": "https://www.twitter.com",
      "icon": "twitter.svg",
      "iconAlt": "Twitter"
    },
    {
      "url": "https://www.instagram.com",
      "icon": "instagram.svg",
      "iconAlt": "Instagram"
    },
    {
      "url": "https://www.kan.se",
      "icon": "linkedin.svg",
      "iconAlt": "LinkedIn"
    }
  ],
  "menuItems": [
    {
      "url": "/open-positions",
      "label": "Open positions"
    },
    {
      "url": "/diversity",
      "label": "Diversity & Inclusion"
    },
    {
      "url": "/students",
      "label": "Students"
    },
    {
      "url": "/life",
      "label": "Life at ASSA ABLOY"
    },
    {
      "url": "/contact",
      "label": "Contact"
    },
    {
      "url": "https://www.assaabloy.com",
      "label": "Group site",
      "target": "_blank"
    }
  ],
  "copyrightText": "© ASSA ABLOY",
  "staticLinks": [
    {
      "url": "/legal/cookies",
      "label": "Cookies"
    },
    {
      "url": "/legal/privacy",
      "label": "Privacy"
    },
    {
      "url": "/sitemap",
      "label": "Sitemap",
      "target": "_blank"
    }
  ]
}

Dependencies @assaabloy/wc-vendor