Mercedes Pattern Library

Accordion Trigger: Open 

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

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

        <svg class="icon icon--arrow-up">
  <use xlink:href="../../assets/icons.svg#arrow-up" />
</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-up'} %}
    </div>
    
</div>
 
{
  "label": "Label",
  "tag": 2,
  "sublabel": null,
  "sublabel_icons": null,
  "items": []
}

There are no notes for this item.