Form Checkbox Switch

<div class="form__field form__field--switch form__field--switch--reverse form__field--switch--large">
    <input type="checkbox" class="form-checkbox" id="form__example__checkbox--reverse--large" name="example-checkbox--reverse--large" />
    <label for="form__example__checkbox--reverse--large" class="form__label"><i></i><span>Eos Explicabo Eveniet</span></label>
</div>
<div class="form__field {{modifier 'form__field--switch' modifiers}}">
    <input type="checkbox" class="form-checkbox" id="{{ id }}" name="{{ name }}" />
    <label for="{{ id }}" class="form__label"><i></i><span>{{ titlecase label }}</span></label>
</div>
  • Handle: @form--switch--reverse--large
  • Preview:
  • Filesystem Path: src/components/utilities/form/switch/switch.hbs