<label class="radio-check">
<input type="checkbox" id="check-1" name="check-1">
<span>Checkbox</span>
</label>
<label class="radio-check">
<input type="checkbox" id="{{id}}" name="{{id}}">
<span>{{label}}</span>
</label>
{
"id": "check-1",
"group": "check-group-1",
"label": "Checkbox"
}
An <input> element with the type of checkbox. Related MDN article.
For the sake of simplicity, usage in this pattern library is always with the <label> wrapping the <input>, like so:
<label class="radio-check">
<input type="checkbox" id="check-1" name="check-1">
<span>Checkbox</span>
</label>