Lunds universitet - Style Guide

Checkbox: With Help 

<div class="">
    <div class="custom-control custom-checkbox">
        <input type="checkbox" class="custom-control-input" id="formCheckboxWithHelp" name="checkbox" value="value" aria-describedby="formCheckboxHelp">
        <label class="custom-control-label" for="formCheckboxWithHelp">Checkbox label</label>
    </div>
    <small id="formCheckboxHelp" class="form-text text-muted">Lorem ipsum help text.</small>

</div>
 
<div class="{{modifiers modifiers}}">
  <div class="custom-control custom-checkbox">
    <input type="checkbox" class="custom-control-input" id="{{id}}" name="{{name}}" value="{{value}}"{{#if help}} aria-describedby="{{help.id}}"{{/if}}{{#if checked}} checked{{/if}} {{#if required}} required{{/if}}>
    <label class="custom-control-label" for="{{id}}">{{label}}</label>
  </div>
  {{#if help}}
    {{render "@form-help" help}}
  {{/if}}
</div>
 
{
  "label": "Checkbox label",
  "name": "checkbox",
  "value": "value",
  "id": "formCheckboxWithHelp",
  "help": {
    "id": "formCheckboxHelp",
    "text": "Lorem ipsum help text."
  }
}

There are no notes for this item.