Toggle

100%
<input class="o-form__input o-form__input--checkbox o-form__input--hidden o-form__toggler" type="checkbox" value="checked" id="toggle">
<label class="o-form__label o-form__label--checkbox" for="toggle">
    Toggle</label>

<fieldset class="o-form__field  o-form__toggle ">
    <input class="o-form__input o-form__input--checkbox o-form__input--hidden" type="checkbox" value="Ressort1" id="check-ressort1" required>
    <label class="o-form__label o-form__label--checkbox" for="check-ressort1">
            Ressort 1</label>
</fieldset>
<fieldset class="o-form__field   o-form__toggle--invert">
    <input class="o-form__input o-form__input--checkbox o-form__input--hidden" type="checkbox" value="Ressort2" id="check-ressort2">
    <label class="o-form__label o-form__label--checkbox" for="check-ressort2">
            Ressort 2</label>
</fieldset>
<input class="o-form__input o-form__input--checkbox o-form__input--hidden o-form__toggler" type="checkbox"
       value="{{ toggle.value }}"
       id="{{ toggle.id }}">
<label class="o-form__label o-form__label--checkbox" for="{{ toggle.id }}">
    {{ toggle.label }}</label>

{% for item in items %}
    <fieldset class="o-form__field {% if (item.toggle) %} o-form__toggle{% endif %} {% if (item.toggleInvert) %} o-form__toggle--invert{% endif %}">
        <input class="o-form__input o-form__input--checkbox o-form__input--hidden" type="checkbox"
               value="{{ item.value }}"
               id="{{ item.id }}"{% if (loop.first and required) %} required{% endif %}>
        <label class="o-form__label o-form__label--checkbox" for="{{ item.id }}">
            {{ item.label }}</label>
    </fieldset>
{% endfor %}
{
  "class": "",
  "required": true,
  "items": [
    {
      "label": "Ressort 1",
      "id": "check-ressort1",
      "value": "Ressort1",
      "toggle": true
    },
    {
      "label": "Ressort 2",
      "id": "check-ressort2",
      "value": "Ressort2",
      "toggleInvert": true
    }
  ],
  "toggle": {
    "label": "Toggle",
    "id": "toggle",
    "value": "checked"
  }
}

There are no notes for this item.