Project Lima pattern lib

Form - Inputs -Radio Buttons 

<fieldset class="b-form__group">
    <legend class="b-form__legend"><span class="b-form__message"></span></legend>

    <div class="b-form__option">
        <input id="radio-group-1" class="b-form__option-input" type="radio" name="radio-group" value="radio-group-1">
        <label class="b-form__option-label" for="radio-group-1">
            <span class="b-form__option-faux b-form__option-faux--radio"></span>
            Lorem
            <span class="b-form__message"></span>
        </label>
    </div>
    <div class="b-form__option">
        <input id="radio-group-2" class="b-form__option-input" type="radio" name="radio-group" value="radio-group-2">
        <label class="b-form__option-label" for="radio-group-2">
            <span class="b-form__option-faux b-form__option-faux--radio"></span>
            Ipsum
            <span class="b-form__message"></span>
        </label>
    </div>
    <div class="b-form__option">
        <input id="radio-group-3" class="b-form__option-input" type="radio" name="radio-group" value="radio-group-3">
        <label class="b-form__option-label" for="radio-group-3">
            <span class="b-form__option-faux b-form__option-faux--radio"></span>
            Dolor sit amet consecutuer
            <span class="b-form__message"></span>
        </label>
    </div>
    <div class="b-form__option">
        <input id="radio-group-4" class="b-form__option-input" type="radio" name="radio-group" value="radio-group-4">
        <label class="b-form__option-label" for="radio-group-4">
            <span class="b-form__option-faux b-form__option-faux--radio"></span>
            Lorem Lorem
            <span class="b-form__message"></span>
        </label>
    </div>
</fieldset>
 
<fieldset class="b-form__group">
    <legend class="b-form__legend">{{ title }}<span class="b-form__message"></span></legend>

    {{#each radios}}
    <div class="b-form__option">
        <input id="radio-group-{{ number }}" class="b-form__option-input" type="radio" name="radio-group" value="radio-group-{{ number }}">
        <label class="b-form__option-label" for="radio-group-{{ number }}">
            <span class="b-form__option-faux b-form__option-faux--radio"></span>
            {{ label }}
            <span class="b-form__message"></span>
        </label>
    </div>
    {{/each}}
</fieldset>
 
{
  "radios": [
    {
      "number": 1,
      "label": "Lorem"
    },
    {
      "number": 2,
      "label": "Ipsum"
    },
    {
      "number": 3,
      "label": "Dolor sit amet consecutuer"
    },
    {
      "number": 4,
      "label": "Lorem Lorem"
    }
  ]
}

There are no notes for this item.