Designsystem

Radio buttons 

<div class="input-group">
    <ul>
        <label for="">Type de chauffage</label>
        <li>
            <input type="radio" name="radio" id="radio0"><label class="font-primary" for="radio0">Chaudière individuelle à haute performance énergétique</label>
        </li>
        <li>
            <input type="radio" name="radio" id="radio1"><label class="font-primary" for="radio1">Chaudière biomasse individuelle</label>
        </li>
    </ul>
</div>
 
<div class="input-group">
    <ul>
        <label for="{{../name}}">{{label}}</label>
        {{#each datas}}
        <li>
            <input type="radio" name="{{../name}}" id="{{../name}}{{@key}}"><label class="font-primary" for="{{../name}}{{@key}}">{{label}}</label>
        </li>
        {{/each}}
    </ul>
</div>
 
{
  "name": "radio",
  "datas": [
    {
      "label": "Chaudière individuelle à haute performance énergétique"
    },
    {
      "label": "Chaudière biomasse individuelle"
    }
  ],
  "label": "Type de chauffage"
}

There are no notes for this item.