@assaabloy/wc-hero-fullwidth

Web component - Hero Fullwidth

Usage no npm install needed!

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

README

ASSA ABLOY Global web - web components

Hero Fullwidth

Custom HTML element

<hero-fullwidth heroData=""></hero-fullwidth>

Properties | Name | Type | Description | | ------------- | --------- | ----------------------------- | | heroData | String | base64 encoded |

heroData

{
  "size": "mini|midi|maxi",
  "alignItems": "top|center|bottom",
  "textBackgroundColor": "default",
  "image": {
    "url": "https://picsum.photos/900/500"
  },
  "header": {
    "text": "Unlock your potential at ASSA ABLOY"
  },
  "body": {
    "text": "This is body text. This is body text. This is body text."
  },
  "cta": {
    "label": "Career",
    "type": "primary",
    "url": "/career",
    "target": ""
  }
}

Dependencies
@assaabloy/wc-vendor