<div class="form-check form-check__large">
    <input type="checkbox" class="form-check-input" id="checkbox" name="checkbox" value="">
    <label for="checkbox" class=" form-check-label">Checkbox</label>
</div>
{% if not toggle %}
<div class="form-check{% if switch %} form-switch{% else %} form-check__large{% endif %}{% if inline %} form-check-inline{% endif %}">
{% endif %}
  <input type="checkbox" class="{% if toggle %}btn-check{% else %}form-check-input{% endif %}" id="{{ id }}" name="{{ id }}" value=""{% if not enabled %} disabled{% endif %}>
  <label for="{{ id }}" class="{% if toggle %} btn btn-primary d-inline-block my-1 me-1{% else %} form-check-label{% endif %}">{{ title }}</label>
{% if not toggle %}
</div>
{% endif %}
{
  "id": "checkbox",
  "title": "Checkbox",
  "enabled": true,
  "toggle": false,
  "switch": false,
  "inline": false
}
  • Content:
    .form-check {
      &__large {
        min-height: 2.5rem;
        padding-top: 0.875rem;
        padding-left: 3rem;
        margin-bottom: 0.5rem;
    
        .form-check-input {
          @include font-size(2rem);
          margin-top: -0.2rem;
          margin-left: -2.5rem;
        }
      }
    }
  • URL: /components/raw/input-checkbox/input-checkbox.scss
  • Filesystem Path: src/components/01-elements/forms/elements/input-checkbox/input-checkbox.scss
  • Size: 252 Bytes

No notes defined.