Woodlands.co.uk Component Library

Form Radio: Inline

Form Checkbox

<ul class="form__field form__field--radio form__field--radio--inline">
    <li>
        <input type="radio" class="form-radio" id="form__example__radio--0--inline" name="example-radio--inline" />
        <label for="form__example__radio--0--inline" class="form__label"><span>Voluptas Impedit Perferendis</span></label>
    </li>
    <li>
        <input type="radio" class="form-radio" id="form__example__radio--1--inline" name="example-radio--inline" />
        <label for="form__example__radio--1--inline" class="form__label"><span>Illum Modi Officiis</span></label>
    </li>
    <li>
        <input type="radio" class="form-radio" id="form__example__radio--2--inline" name="example-radio--inline" />
        <label for="form__example__radio--2--inline" class="form__label"><span>Non Repudiandae Deleniti</span></label>
    </li>
    <li>
        <input type="radio" class="form-radio" id="form__example__radio--3--inline" name="example-radio--inline" />
        <label for="form__example__radio--3--inline" class="form__label"><span>Provident Quia Est</span></label>
    </li>
    <li>
        <input type="radio" class="form-radio" id="form__example__radio--4--inline" name="example-radio--inline" />
        <label for="form__example__radio--4--inline" class="form__label"><span>Dolores Libero Eligendi</span></label>
    </li>
    <li>
        <input type="radio" class="form-radio" id="form__example__radio--5--inline" name="example-radio--inline" />
        <label for="form__example__radio--5--inline" class="form__label"><span>Animi Eligendi Aut</span></label>
    </li>
</ul>
 
<ul class="form__field {{modifier 'form__field--radio' modifiers}}">
    {{#each radios}}
    <li>
        <input type="radio" class="form-radio" id="{{ id }}" name="{{ ../name }}" />
        <label for="{{ id }}" class="form__label"><span>{{ titlecase label }}</span></label>
    </li>
    {{/each}}
</ul>