Lunds universitet - Style Guide

Checkbox: Spaced 

<div class=" mb-2">
    <div class="form-check">
        <input type="checkbox" class="form-check-input" id="formCheckbox" name="checkbox" value="value">
        <label class="form-check-label" for="formCheckbox">Checkbox label</label>
    </div>
</div>
 
{{#if modifiers}}<div class="{{modifiers modifiers}}">{{/if}}
  <div class="form-check">
    <input type="checkbox" class="form-check-input" id="{{id}}" name="{{name}}" value="{{value}}"{{#if help}} aria-describedby="{{help.id}}"{{/if}}{{#if checked}} checked{{/if}} {{#if required}} required{{/if}}>
    <label class="form-check-label" for="{{id}}">{{label}}</label>
  </div>
  {{#if help}}
    {{render "@form-help" help}}
  {{/if}}
{{#if modifiers}}</div>{{/if}}
 
{
  "label": "Checkbox label",
  "name": "checkbox",
  "value": "value",
  "id": "formCheckbox",
  "modifiers": [
    "mb-2"
  ]
}

No notes defined.