<div class="radio--light is-initialized is-filled-in">
<div class="radio__wrapper">
<input class="radio__input" id="choice" type="radio" name="choice" value="1" data-test="Yes" />
<label class="radio__label" for="choice">I agree with the <a href="/gtc">Shipping and Billing terms and conditions</a> conditions conditions conditions conditions conditions conditions conditions conditions conditions conditions
</label>
</div>
<div class="radio__helper">
<div class="radio__helper--text">Please note that this form field has a helper text</div>
</div>
<div class="radio__error">Please provide a value for this field</div>
</div>
{% include '@SharedComponents/modules/shared/components/form-components/radio/radio.twig' %}
{
"id": "choice",
"name": "choice",
"label": "I agree with the <a href=\"/gtc\">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,
"attributes": {
"data-test": "Yes"
},
"variant": "light",
"error": "Please provide a value for this field",
"helper": "Please note that this form field has a helper text"
}
import './radio.scss';
import Radio, {selector as sel} from 'cando-cx-components-library/components/modules/shared/components/form-components/radio/radio';
export default Radio;
export const selector = sel;
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/form-components/radio/radio";
No notes defined.