Card Count Group Work flow

Bindable Properties

  1. extItems
  2. options
  3. otherInfo
  4. extDisabled
  5. evtClickCallback

Overview

  • It will repeat the Cards to display heading with rolling numbers.
  • Click functionality on each card.
  • It will repeat in horizontal direction but if the width of outer div is small, it will wrap.
  • Click event callback will be called on click.
  • If click callback is not there, right arrow icon will not visible.
  • Component is responsive.
  • It is cross browser compatible. (IE11, Edge, Firefox, chrome).

Defaults

  • !extItems.length, label will display = 'No data to display!'
  • options -
options : {
propTitle: 'title',
propCount: 'count',
propTotalCount: 'totalCount'
}

Breakdown

  • cst-card-count-group-element-override will override css property of the card. Css property should be !important.
  • cst-card-count-group-container-override will override css property of the card container. Css property should be !important.
  • If disabled is true, click functionality will not work.