Pleasance Styleguide

Checkbox: Switch 

<div class="form-check form-switch">
    <input type="checkbox" class="form-check-input" id="checkbox" name="checkbox" value="">
    <label for="checkbox" class=" form-check-label">Checkbox</label>
</div>
 
{% render "@input-checkbox" with { "switch": 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.