MIUN - Design Library

CheckboxInput 

<h3 class="heading-label">Title</h3>
<div class="form-grouping">
    <div class="form-check">
        <input type="checkbox" name="id_1" id="id_1" value="True" class="form-check-input">
        <label for="id_1" class="form-check-label">Heading 1</label>
    </div>
    <div class="form-check">
        <input type="checkbox" name="id_2" id="id_2" value="True" checked="checked" class="form-check-input">
        <label for="id_2" class="form-check-label">Heading 2</label>
    </div>
</div>
 
{{#if title}}
   <h3 class="heading-label">{{title}}</h3>
{{/if}}
<div class="form-grouping">
   {{#each items}}
      <div class="form-check">
         <input type="checkbox" name="{{nameId}}" id="{{nameId}}" value="{{#if value}}{{value}}{{else}}True{{/if}}" {{#if isChecked}}checked="checked"{{/if}} class="form-check-input">
         <label for="{{nameId}}" class="form-check-label">{{heading}}</label>
      </div>
   {{/each}}
</div>
 
{
  "title": "Title",
  "items": [
    {
      "nameId": "id_1",
      "heading": "Heading 1",
      "isChecked": false
    },
    {
      "nameId": "id_2",
      "heading": "Heading 2",
      "isChecked": true
    }
  ]
}

There are no notes for this item.