<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-test="Yes" />

        <label class="checkbox__label" for="choice">
            <span>I agree with the <a href="/terms" target="_blank">Shipping and Billing terms and conditions</a> conditions conditions conditions conditions conditions conditions conditions conditions conditions conditions
            </span>
        </label>
    </div>

    <div class="checkbox__error">Please provide a value for this field</div>
</div>
{% include '@SharedComponents/modules/shared/components/form-components/checkbox/checkbox.twig' %}
{
  "id": "choice",
  "name": "choice",
  "label": "I agree with the <a href=\"/terms\" target=\"_blank\">Shipping and Billing terms and conditions</a> conditions conditions conditions conditions conditions conditions conditions conditions conditions conditions",
  "value": "1",
  "required": false,
  "disabled": false,
  "checked": false,
  "readOnly": false,
  "attributes": {
    "data-test": "Yes"
  },
  "variant": "light",
  "error": "Please provide a value for this field",
  "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.