npm

@assaabloy/wc-card-list

3.0.6 • Public • Published

ASSA ABLOY Global web - web components

Card List

Custom HTML element

<card-list cardListData="" theme=""></card-list>

Properties

Name Type Description
cardListData Object base64 encoded
theme String

cardListData

"title": "Here goes an short intro to the section",
"preamble": "Where can the journey take you? There are currently 73 open positions around the globe. Dont hesitate to apply for one of out vacancies",
"config": {
  "padding" : {
    "top": true,
    "bottom": true
  },
  "reversed": true,
  "columns": 2 | 3 | 4
  },
  "cards": [
    {
      "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": "Meet the team",
      "ctaUrl": "/en/com/lorem/ipsum"
    },
  ]

themeColor
Two different color options:

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

Dependencies
@assaabloy/wc-vendor

Readme

Keywords

none

Package Sidebar

Install

npm i @assaabloy/wc-card-list

Weekly Downloads

2

Version

3.0.6

License

MIT

Unpacked Size

23.5 kB

Total Files

4

Last publish

Collaborators

  • daniel-strmecki
  • davorin.spicko
  • yadamska
  • dzianis-mantsevich
  • sandeepsharma04
  • christiangolcic
  • matijakosmac
  • pdehne-steidle
  • johan.alexandersson