Mercedes Pattern Library

Buttons: File 

<div class="a-button  a-button--file">
    <div class="a-button--name">

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

</div>
 
<div class="a-button  a-button--file">	
	<div class="a-button--name">
		{% if iconName %}
			{% render '@icon', { id: iconName } %} 
		{% endif %} {{ value }}
	</div>
	{% render '@icon', { id: 'arrow-down'} %}
</div>
 
{
  "iconName": "passaporto",
  "value": "Button",
  "id": "move_column"
}

There are no notes for this item.