Mercedes Pattern Library

Input: Select 

<div class="a-input  a-input--select  ">
    <div class="a-input__label">
        Label
    </div>
    <select name="" id="">
		
			<option value="IVA 22% vendite"> IVA 22% vendite</option>	    
		
			<option value="IVA 10% vendite"> IVA 10% vendite</option>	    
		
	</select>

    <svg class="icon icon--arrow-down">
  <use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>

</div>
 
<div class="a-input  a-input--select  {% if select.disabled == true %}a-input--disabled{% endif %}">
	<div class="a-input__label">
		{{ select.label }}
	</div>
	<select name="" id="" {% if select.disabled == true %}disabled{% endif %}>
		{% for value in select.values %}
			<option value="{{ value }}"> {{ value }}</option>	    
		{% endfor %}
	</select>

	{% render '@icon', { id: 'arrow-down'} %}
</div>
 
{
  "text": {
    "label": "Label",
    "value": null,
    "placeholder": "Label Placeholder",
    "disabled": null
  },
  "textDisabled": {
    "label": "Label",
    "value": "25.991,80 €",
    "disabled": true
  },
  "select": {
    "label": "Label",
    "values": [
      "IVA 22% vendite",
      "IVA 10% vendite"
    ],
    "disabled": null
  }
}

There are no notes for this item.