{% assign options = include.options | split: “|” %} {% assign question_slug = include.question | slugify %}
<div class=“multiple-choice {{ include.className}}”>
<label class="multiple-choice__label" id="q-{{ question_slug }}">{{ include.question }}</label> {% if include.hint %} <label class="multiple-choice__hint">{{ include.hint }}</label> {% endif %} <ul class="multiple-choice__list"> {% for option in options %} {% assign option_slug = option | slugify %} <li class="multiple-choice__option"> <input {% if include.required %}data-parsley-required{% endif %} aria-describedby="q-{{ question_slug}}" class="multiple-choice__input" id="{{ question_slug }}__{{ option_slug }}" name="{{ question_slug }}" type="{{ include.type | default: 'radio' }}" data-parsley-errors-container="#parent__{{ question_slug }}" data-parsley-error-message="{{ include.validation_message }}" value="{{ question_slug }}__{{ option_slug }}"> <label class="multiple-choice__option-label" for="{{ question_slug }}__{{ option_slug }}">{{ option }}</label> </li> {% endfor %} </ul> {% if include.description %} <p class="multiple-choice__description">{{ include.description }}</p> {% endif %}
</div>