Lunds universitet - Style Guide

Checkbox: With Help 

<div class="form-check">
    <input type="checkbox" class="form-check-input" id="formCheckboxWithHelp" name="checkbox" value="value" aria-describedby="formCheckboxHelp">
    <label class="form-check-label" for="formCheckboxWithHelp">Checkbox label</label>
</div>
<div id="formCheckboxHelp" class="form-text">Lorem ipsum help text.</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": "formCheckboxWithHelp",
  "help": {
    "id": "formCheckboxHelp",
    "text": "Lorem ipsum help text."
  }
}

No notes defined.