Quick Icon

Bindable Properties

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

Overview

  • It will repeat the set of icons.
  • Each icon have click callback.
  • Click functionality on each icon.
  • It will repeat in vertical direction.
  • Default back icon will be there. If don't want back icon, options.hideBack = true.
  • Click event callback will called on click.
  • Component is responsive.
  • It is cross browser compatible. (IE11, Edge, Firefox, chrome).

Defaults

  • width : 50px;
  • options.hideBack : false
  • options.isTitleLR: false
  • options.isSmallBar: false

Breakdown

  • Defaults will be set.
  • If options.hideBack = false, push back icon object in items array.
  • If options.displayIconCount and options.displayIconCount < items.length,display icons till displayIconCount.
  • At bottom display more label.
  • On more label click, display remaining icons and less label.
  • On less label click hide toggle icons.
  • Back icon click, history.go(-1).
  • On click of any icon
    • If disabled is false, click call back calls the callback by passing data.
  • On css override
    • .cst-quick-icon-container-override : Container Class
    • .cst-quick-icon-element-override: Element Class