Container

Preview:

Configuration:

Output:

Vue component

            
<Checkbox :checkboxId="ch01" :hasError="false" :checked="false" :disabled="false">Checkbox Label<Checkbox/>
            
        

Raw HTML

            
<div class="form-group">
  <div class="checkbox">
    <input type="checkbox" id="ch01">
    <input type="hidden"> 
    <label for="ch01">
      <svg focusable="false" width="24" height="24">
        <use xlink:href="icons/custom-sprite.svg#select"></use>
      </svg>
      Label
    </label>
  </div>
</div>
            
        

Comments

If you forget to set container "size" - it defaults to use <div class="container">