Lunds universitet - Style Guide

Radio Group 

<div class="form-check">
      <input type="radio" id="radioGroupOne" name="radioGroup" class="form-check-input" value="value1" checked>
      <label class="form-check-label" for="radioGroupOne">Radio Label One</label>
  </div>

  <div class="form-check">
      <input type="radio" id="radioGroupTwo" name="radioGroup" class="form-check-input" value="value2">
      <label class="form-check-label" for="radioGroupTwo">Radio Label Two</label>
  </div>

  <div class="form-check">
      <input type="radio" id="radioGroupThree" name="radioGroup" class="form-check-input" value="value3">
      <label class="form-check-label" for="radioGroupThree">Radio Label Three</label>
  </div>
 
{{#each items}}
  {{render "@form-radio" this}}
{{/each}}
 
{
  "items": [
    {
      "name": "radioGroup",
      "label": "Radio Label One",
      "value": "value1",
      "id": "radioGroupOne",
      "checked": true
    },
    {
      "name": "radioGroup",
      "label": "Radio Label Two",
      "value": "value2",
      "id": "radioGroupTwo"
    },
    {
      "name": "radioGroup",
      "label": "Radio Label Three",
      "value": "value3",
      "id": "radioGroupThree"
    }
  ]
}

No notes defined.