Mercedes Pattern Library

Accordion Trigger 

<div class="m-accordion-trigger">
    <div class="m-accordion-trigger__label">
        Label

    </div>
    <div class="m-accordion-trigger__icons">

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

    </div>
</div>
 
<div class="m-accordion-trigger">
    <div class="m-accordion-trigger__label">
        {{ label }}
        {% if sublabel %}
            <div class="m-accordion-trigger__sublabel">{{sublabel}}</div>
        {% endif %}
    </div>
    <div class="m-accordion-trigger__icons">
        {% if sublabel_icons %}
            <div class="m-accordion-trigger__sublabel">{{sublabel_icons}}</div>
        {% endif %}
        {% for item in items %}
            {% render '@' + item.atom,
            item %}
        {% endfor %}
        {% render '@icon', { id: 'arrow-down'} %}
    </div>
</div>
 
{
  "label": "Label",
  "tag": 2,
  "sublabel": null,
  "sublabel_icons": null,
  "items": []
}

There are no notes for this item.