Mercedes Pattern Library

Service Card: Active 

<div class="a-service-card  a-service-card--active">
    <div class="a-service-card__name">
        <svg class="icon icon--file">
  <use xlink:href="../../assets/icons.svg#file" />
</svg> feel care AXA
    </div>

    <div class="a-service-card__price">
        <svg class="icon icon--alert">
  <use xlink:href="../../assets/icons.svg#alert" />
</svg>

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

    </div>
</div>
 
<div class="a-service-card  a-service-card--active">
	<div class="a-service-card__name">
		{% render '@icon', { id: icon1} %} {{ name }}
	</div>

	<div class="a-service-card__price">
		{% render '@icon', { id: icon2} %}
		{% render '@icon', { id: icon3} %}
	</div>
</div>
 
{
  "name": "feel care AXA",
  "icon1": "file",
  "icon2": "alert",
  "icon3": "file"
}

There are no notes for this item.