@aujsf/bootstrap-theme/dist/aujsf-bs-switch.html

Bootstrap 4 Theme for @aujsf/core

<template>
  <require from="@aujsf/bootstrap-theme/aujsf-bs-label.html"></require>

  <div class="custom-control custom-switch">

    <input type="checkbox"
           class="custom-control-input ${hasErrors && 'is-invalid'}"
           disabled.bind="readonly"
           checked.bind="value"
           id.bind="id">
    <label class="custom-control-label"
           for.bind="id">
      ${title} <sup if.bind="required" title="Required">*</sup>
    </label>


    <small class="form-text text-muted" if.bind="description">${description}</small>

    <div class="invalid-feedback" repeat.for="error of errorMessages">
      ${error}
    </div>

  </div>
</template>