Pleasance Styleguide

Checkbox: Toggle 

<input type="checkbox" class="btn-check" id="checkbox" name="checkbox" value="">
  <label for="checkbox" class=" btn btn-primary d-inline-block my-1 me-1">Checkbox</label>
 
{% render "@input-checkbox" with { "toggle": true } %}
 
{
  "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.