Radio

100%
<fieldset class="o-form__field">
    <legend>Radio<span class="required">*</span></legend>
    <input type="radio" class="o-form__input o-form__input--radio o-form__input--hidden" name="radioButtons" value="Ressort1" id="radio-ressort1" required>
    <label class="o-form__label o-form__label--radio" for="radio-ressort1">Ressort 1</label>
    <input type="radio" class="o-form__input o-form__input--radio o-form__input--hidden" name="radioButtons" value="Ressort2" id="radio-ressort2">
    <label class="o-form__label o-form__label--radio" for="radio-ressort2">Ressort 2</label>
    <input type="radio" class="o-form__input o-form__input--radio o-form__input--hidden" name="radioButtons" value="Ressort3" id="radio-ressort3">
    <label class="o-form__label o-form__label--radio" for="radio-ressort3">Ressort 3</label>
    <input type="radio" class="o-form__input o-form__input--radio o-form__input--hidden" name="radioButtons" value="Ressort4" id="radio-ressort4">
    <label class="o-form__label o-form__label--radio" for="radio-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 type="radio" class="o-form__input o-form__input--radio o-form__input--hidden" name="{{ name }}" value="{{ item.value }}" id="{{ item.id }}"{% if (loop.first and required) %} required{% endif %}>
        <label class="o-form__label o-form__label--radio" for="{{ item.id }}">{{ item.label }}</label>
    {% endfor %}
</fieldset>
{
  "legend": "Radio",
  "class": "",
  "name": "radioButtons",
  "required": true,
  "items": [
    {
      "label": "Ressort 1",
      "id": "radio-ressort1",
      "value": "Ressort1"
    },
    {
      "label": "Ressort 2",
      "id": "radio-ressort2",
      "value": "Ressort2"
    },
    {
      "label": "Ressort 3",
      "id": "radio-ressort3",
      "value": "Ressort3"
    },
    {
      "label": "Ressort 4",
      "id": "radio-ressort4",
      "value": "Ressort4"
    }
  ]
}

There are no notes for this item.