Checkbox Work flow

Bindable Properties

  1. label
  2. inputMdl
  3. options
  4. otherInfo
  5. extDisabled
  6. evtClickCallback

Overview

  • It is a checkbox.
  • Click functionality on checkbox.
  • Sets a boolean value in inputMdl.
  • Component is container responsive.
  • It is cross browser compatible. (IE11, Edge, Firefox, chrome).

Defaults

  • No defaults set
  • !options, options = empty object.
  • Component container's -
    • min-width : 60px; if labels is there
  • Checkbox Elm's - // As per icon default size
    • min-width : 36px;
    • min-height : 36px;
  • inputMdl = false

Breakdown

  • On page load, checkbox will be set based on inputMdl.
  • Setting active checkbox
    • toggle checkbox icon based on click
  • On click of any checkbox
    • If disabled is false, set the active checkbox.
    • If click call back is defined, call the callback by passing data.
  • On css override
    • .cst-checkbox-container-override : Container Class
    • .cst-checkbox-element-override: Element Class