Checkbox

Demo styling 
<div>
    <label for="custom-checkbox1" class="custom-input custom-input--checkbox">
        <input id="custom-checkbox1" value="1" name="checkbox" type="checkbox" checked />
        <span class="custom-input__icon"></span>
        Checkbox 1
    </label>
</div>
<div>
    <label for="custom-checkbox2" class="custom-input custom-input--checkbox">
        <input id="custom-checkbox2" value="2" name="checkbox" type="checkbox" />
        <span class="custom-input__icon"></span>
        Checkbox 2
    </label>
</div>
<div>
    <label for="custom-checkbox3" class="custom-input custom-input--checkbox">
        <input id="custom-checkbox3" value="3" name="checkbox" type="checkbox" />
        <span class="custom-input__icon"></span>
        Checkbox 3
    </label>
</div>
<div>
    <label for="custom-checkbox4" class="custom-input custom-input--checkbox">
        <input id="custom-checkbox4" value="4" name="checkbox" type="checkbox" />
        <span class="custom-input__icon"></span>
        Checkbox 4
    </label>
</div>
 
{{#each items}}
<div>
	<label for="custom-checkbox{{currentItem}}" class="custom-input custom-input--checkbox">
		<input id="custom-checkbox{{currentItem}}" value="{{currentItem}}" name="checkbox" type="checkbox" {{#if @first}}checked{{/if}} />
		<span class="custom-input__icon"></span>
		{{title}} {{currentItem}}
	</label>
</div>
{{/each}}
 
{
  "items": [
    {
      "title": "Checkbox",
      "currentItem": 1
    },
    {
      "title": "Checkbox",
      "currentItem": 2
    },
    {
      "title": "Checkbox",
      "currentItem": 3
    },
    {
      "title": "Checkbox",
      "currentItem": 4
    }
  ]
}

No notes defined.