Checkbox

100%
<fieldset class="o-form__field">
    <legend>Checkbox<span class="required">*</span></legend>
    <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>
    <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>
    <input class="o-form__input o-form__input--checkbox o-form__input--hidden" type="checkbox" value="Ressort3" id="check-ressort3">
    <label class="o-form__label o-form__label--checkbox" for="check-ressort3">
            Ressort 3</label>
    <input class="o-form__input o-form__input--checkbox o-form__input--hidden" type="checkbox" value="Ressort4" id="check-ressort4">
    <label class="o-form__label o-form__label--checkbox" for="check-ressort4">
            Ressort 4</label>
</fieldset>
<fieldset class="o-form__field">
    <legend>{{ legend }}{% if required %}<span class="required">*</span>{% endif %}</legend>
    {% for item in items %}
        <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>
    {% endfor %}
</fieldset>
{
  "legend": "Checkbox",
  "class": "",
  "required": true,
  "items": [
    {
      "label": "Ressort 1",
      "id": "check-ressort1",
      "value": "Ressort1"
    },
    {
      "label": "Ressort 2",
      "id": "check-ressort2",
      "value": "Ressort2"
    },
    {
      "label": "Ressort 3",
      "id": "check-ressort3",
      "value": "Ressort3"
    },
    {
      "label": "Ressort 4",
      "id": "check-ressort4",
      "value": "Ressort4"
    }
  ]
}

There are no notes for this item.