<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__helper">
<div class="checkbox__helper--text">Please note that this form field has a helper text</div>
</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": "",
"helper": "Please note that this form field has a helper text"
}
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;
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;
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/form-components/checkbox/checkbox";
No notes defined.