Woodlands.co.uk Component Library

Form Checkbox

Form Checkbox

<!-- Default -->
<div class="form__field form__field--checkbox">
    <input type="checkbox" class="form-checkbox" id="form__example__checkbox" name="example-checkbox" />
    <label for="form__example__checkbox" class="form__label"><span>Eveniet Temporibus A</span></label>
</div>


<!-- Reverse -->
<div class="form__field form__field--checkbox form__field--checkbox--reverse">
    <input type="checkbox" class="form-checkbox" id="form__example__checkbox--reverse" name="example-checkbox--reverse" />
    <label for="form__example__checkbox--reverse" class="form__label"><span>Eveniet Temporibus A</span></label>
</div>


<div class="form__field {{modifier 'form__field--checkbox' modifiers}}">
    <input type="checkbox" class="form-checkbox" id="{{ id }}" name="{{ name }}" />
    <label for="{{ id }}" class="form__label"><span>{{ titlecase label }}</span></label>
</div>