OFRAG Frontend Components Library v0.0.0

Checkbox: Checked Read Only With Empty Label Light 

<div class="checkbox--light is-initialized is-filled-in">
    <div class="checkbox__wrapper">
        <input class="checkbox__input" id="choice" type="checkbox" name="choice" value="1" data-checkbox-readonly="true" disabled checked data-test="Yes" />

        <label class="checkbox__label has-empty-label" for="choice">
            <span>
            </span>
        </label>
    </div>

</div>
 
{% include '@SharedComponents/modules/shared/components/form-components/checkbox/checkbox.twig' %}
 
{
  "id": "choice",
  "name": "choice",
  "label": "",
  "value": "1",
  "required": false,
  "disabled": true,
  "checked": true,
  "readOnly": true,
  "attributes": {
    "data-test": "Yes"
  },
  "variant": "light",
  "error": "",
  "helper": ""
}
  • Content: 
    import CheckboxMediator, {name as title} from 'cando-cx-components-library/components/modules/shared/components/form-components/checkbox/checkbox-mediator';

export default CheckboxMediator;
export const name = title;
  • URL: /components/raw/checkbox/checkbox-mediator.js
  • Filesystem Path: src/components/modules/shared/components/form-components/checkbox/checkbox-mediator.js
  • Size: 217 Bytes
  • Content: 
    import './checkbox.scss';
import Checkbox, {selector as sel} from 'cando-cx-components-library/components/modules/shared/components/form-components/checkbox/checkbox';

export default Checkbox;
export const selector = sel;
  • URL: /components/raw/checkbox/checkbox.js
  • Filesystem Path: src/components/modules/shared/components/form-components/checkbox/checkbox.js
  • Size: 222 Bytes
  • Content: 
    @import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/form-components/checkbox/checkbox";
  • URL: /components/raw/checkbox/checkbox.scss
  • Filesystem Path: src/components/modules/shared/components/form-components/checkbox/checkbox.scss
  • Size: 134 Bytes

No notes defined.