Designsystem

Checkboxes: With Image 

<div class="checkboxWithImage">
    <img class="checkboxWithImage-image img-rounded" src="/illustrations/garage.png">
    <input type="checkbox" class="checkbox" name="checkbox0" id="checkbox0">
    <label class="font-primary" for="checkbox0"><img class="img-rounded" src="/illustrations/garage.png"><span>Chaudière individuelle à haute performance énergétique</span></label>
</div>
<div class="checkboxWithImage">
    <img class="checkboxWithImage-image img-rounded" src="/illustrations/garage.png">
    <input type="checkbox" class="checkbox" name="checkbox1" id="checkbox1">
    <label class="font-primary" for="checkbox1"><img class="img-rounded" src="/illustrations/garage.png"><span>Chaudière biomasse individuelle</span></label>
</div>
 
{{#each checkbox.datas}}
<div class="checkboxWithImage">
    <img class="checkboxWithImage-image img-rounded" src="{{image}}">
    <input type="checkbox" class="checkbox" name="{{../checkbox.name}}{{@key}}" id="{{../checkbox.name}}{{@key}}">
    <label class="font-primary" for="{{../checkbox.name}}{{@key}}"><img class="img-rounded" src="{{image}}"><span>{{label}}</span></label>
</div>
{{/each}}
 
{
  "checkbox": {
    "name": "checkbox",
    "datas": [
      {
        "label": "Chaudière individuelle à haute performance énergétique",
        "image": "/illustrations/garage.png"
      },
      {
        "label": "Chaudière biomasse individuelle",
        "image": "/illustrations/garage.png"
      }
    ],
    "label": "Type de chauffage"
  }
}

There are no notes for this item.