<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
}
.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;
}
}
}
No notes defined.