@assaabloy/wc-slider

Slider - Web component that can take two type of cards, job cards and 'default' cards

Usage no npm install needed!

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

README

ASSA ABLOY Global web - web components

Slider

Custom HTML element

<aa-slider sliderData="" theme=""></aa-slider>

Properties | Name | Type | Description | | ------------- | --------- | ----------------------------- | | sliderData | Object | base64 encoded | | theme | String | |

sliderData

{
  "columns": 2 | 3 | 4,
  "title": "This is the Slider Web Component",
  "text": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.",
  "content": []
}

content

"content": [
    {
      "image": "https://picsum.photos/900/500",
      "title": "Lorem ipsum",
      "html": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet.</p>",
      "ctaLabel": "Button",
      "ctaUrl": "/en/com/lorem/ipsum"
    }

theme
Two different color options:

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

Dependencies
@assaabloy/wc-vendor