Loader Work flow

Bindable Properties

  1. extLabel
  2. extShow
  3. iconName
  4. options
  5. loaderParentClass

Overview

  • Shows a loader with loaderParentClass container's dimension and given label and icon.

Features/Functionality

  • It will take loaderParentClass's height and width.
  • Display label and icon in center.
  • Component is responsive.
  • It is cross browser compatible. (IE11, Edge, Firefox, chrome)

Defaults

  • Loader icon is 'SPINNER SPIN'.
  • Loader label is 'Loading...'
  • Width and height 100%
  • Position top and left 0
  • extShow: false

Breakdown

  • extLabel is the label which we want to display.
  • iconName is the icon which we want to disaply.
  • On css override
    • .cst-loader-element-override: Element Class