51751ABB-5214-4D7F-AB7F-8A7599AC7751 Created with sketchtool.

Select

100% 
<fieldset class="o-form__field">
    <div class="o-form__fluid">
        <select id="select_1" required class="o-form__select">
                            <option value="Ressort1">Ressort 1</option>
                            <option value="Ressort2">Ressort 2</option>
                            <option value="Ressort3">Ressort 3</option>
                            <option value="Ressort4">Ressort 4</option>
                    </select>
        <label class="o-form__label">Input<span class="required">*</span></label>
    </div>
    <p class="o-form__info" id="select_desc_1">*Pflichtfeld</p>
    <span class="o-form__status o-form__status--warning">
          
        </span>
</fieldset>
 
<fieldset class="o-form__field">
    <div class="o-form__fluid">
        <select id="{{ id }}" {% if required %} required{% endif %} class="o-form__select">
            {% for item in items %}
                <option value="{{ item.value }}">{{ item.option }}</option>
            {% endfor %}
        </select>
        <label class="o-form__label">{{ label }}{% if required %}<span class="required">*</span>{% endif %}</label>
    </div>
    {% if descriptionId %}
        <p class="o-form__info" id="{{ descriptionId }}">{{ description }}</p>
    {% endif %}
    {% if required %}
        <span class="o-form__status o-form__status--warning">
          {{ error }}
        </span>
    {% endif %}
</fieldset>
 
{
  "label": "Input",
  "id": "select_1",
  "required": true,
  "descriptionId": "select_desc_1",
  "description": "*Pflichtfeld",
  "error": "",
  "items": [
    {
      "option": "Ressort 1",
      "value": "Ressort1"
    },
    {
      "option": "Ressort 2",
      "value": "Ressort2"
    },
    {
      "option": "Ressort 3",
      "value": "Ressort3"
    },
    {
      "option": "Ressort 4",
      "value": "Ressort4"
    }
  ]
}

There are no notes for this item.