Mercedes Pattern Library

Filter Button: Default 

<a href="#" class="a-filter-button">
    <span class="a-filter-button--label">label</span>
    <span class="a-filter-button--extra">
        
        
    </span>
</a>
 
<a href="#" class="a-filter-button">
    <span class="a-filter-button--label">{{ label }}</span>
    <span class="a-filter-button--extra">
        {% if counter %} 
            ({{ counter }})  
        {% endif %}
        {% if icon.id %}

            {% render '@icon', icon %}
            
            {% if icon.count %}
                <span class="a-filter-button__notification">
                    {% render '@notification', { counter: icon.count, bgClass: "bg-azure" } %}
                </span>
            {% endif %}

        {% endif %}
    </span>
</a>
 
{
  "label": "label",
  "icon": null,
  "counter": null
}

There are no notes for this item.