Mercedes Pattern Library

Input: Password 

<div class="a-input  a-input--text  ">
    <div class="a-input__label">

        Label

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

    </div>
    <input type="password" value="" placeholder="Label Placeholder">
</div>
 
<div class="a-input  a-input--text  {% if text.disabled == true %}a-input--disabled{% endif %}">
	<div class="a-input__label">
		{% if text.label %}
			{{ text.label }}
		{% else %}
		&nbsp;
		{% endif %}
		{% render '@icon', {'id': 'more'} %}
	</div>
	<input type="password"
		   value="{{ text.value }}"
		   {% if text.placeholder %}placeholder="{{ text.placeholder }}"{% endif %}
		   {% if text.disabled == true %}disabled{% endif %}
	>
</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.